/* Eye For Vision — tokens copied verbatim from the EFV design system (tokens.json).
 * The brand kit is frozen: never add a colour, gradient or raw hex outside this file. */
:root {
  --color-primary: #0C447C;
  --color-secondary: #185FA5;
  --color-accent: #378ADD;
  --color-text-dark: #1A1A2E;
  --color-text-body: #444441;
  --color-meta: #888780;
  --color-white: #FFFFFF;
  --color-bg-gray: #F5F7FA;
  --color-sea-green: #1D9E75;
  --color-card-bg: #E6F1FB;
  --color-footer-bg: var(--color-primary);
  /* Neutral greys for the card UI (added for the screener mock; not part of the original kit). */
  --color-line: #E1E4E8;
  --color-line-strong: #C4C9D0;
  /* Functional, assessment-only: 3px rules, 24px+ headings, alert button. */
  --urgency-amber: #B26B00;
  --urgency-red: #B3261E;

  /* Test stimuli: pure black on white so calibrated optotypes stay accurate. */
  --stimulus-bg: #FFFFFF;
  --stimulus-fg: #000000;

  --font-sans: "Inter", sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --container-max: 1280px;
  --article-measure: 740px;
  --touch-target: 44px;

  --radius-control: 4px;
  --radius-surface: 5px;
  --radius-rendered: 6px;

  --gutter: clamp(1.25rem, 4.7vw, 5rem);
}