/* Inter (SIL Open Font License, web/assets/fonts/OFL.txt): one typeface for the app and the pdf. */
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-latin-wght-normal.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* Design tokens. Brand green comes from the SuperMand logo (#3F9D42).
   --green-700 is used for text and buttons: it meets WCAG AA on white. */
:root {
  --green-50: #F1F8F1;
  --green-100: #E1F0E1;
  --green-200: #B7DAB9;
  --green-500: #3F9D42;
  --green-700: #2C7A2F;
  --green-800: #225F25;
  --green-900: #173F19;

  --ink: #1B261C;
  --ink-soft: #4C5A4D;
  --ink-faint: #7A867B;
  --line: #E2E8E2;
  --surface: #FFFFFF;
  --background: #F7F9F5;

  --danger: #B42318;
  --danger-bg: #FEF3F2;
  --warning-bg: #FFF8E6;
  --success-bg: var(--green-50);

  --org-color: var(--green-500);

  --font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --radius-sm: 8px;
  --radius: 12px;
  --radius-lg: 20px;
  --shadow: 0 1px 2px rgb(23 63 25 / 0.06), 0 4px 16px rgb(23 63 25 / 0.06);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 72px;
}