/*
 * Medicare Enrollment Window Checker theme tokens.
 * OKLCH is the source of truth (LVL color.md). This is the ONE tokens file for
 * the site: the golden template and the tool UI consume these values unchanged.
 *
 * Theme: "golden-hour porch" - a dignified, warm, high-contrast palette for a
 * 65-and-beyond audience. Warm cream page, deep warm-charcoal ink, a calm
 * trustworthy teal accent that sits beside the amber hero without competing.
 *
 * Accessibility for this demographic is extra-strict (R4): the base body font
 * is 19px (>=18px requirement), text/background pairs are high contrast, and
 * touch targets in the tool stay >=2.75rem.
 */
:root {
  --color-bg: oklch(0.98 0.012 85);
  --color-text: oklch(0.27 0.02 60);
  --color-heading: oklch(0.22 0.03 55);
  --color-muted: oklch(0.4 0.02 62);
  --color-border: oklch(0.87 0.02 80);
  --color-border-strong: oklch(0.5 0.03 70);
  --color-link: oklch(0.42 0.09 205);
  --color-link-hover: oklch(0.32 0.09 208);
  --color-accent: oklch(0.46 0.1 200);
  --color-accent-hover: oklch(0.38 0.1 202);
  --color-on-accent: oklch(0.99 0.01 90);
  --color-error: oklch(0.48 0.16 27);
  --color-focus: oklch(0.5 0.14 250);

  /* Status colours for the result panel / deadline emphasis */
  --color-ok: oklch(0.5 0.12 155);
  --color-warn: oklch(0.52 0.13 60);

  /* Disclaimer strip: warm, calm, still high contrast */
  --color-disclaimer-bg: oklch(0.95 0.022 82);
  --color-disclaimer-text: oklch(0.3 0.025 60);

  /* Typography: larger base for the audience (19px body, >=18px requirement) */
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial,
    sans-serif;
  --font-heading: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia,
    "Times New Roman", serif;
  --font-size-base: 1.1875rem;
  --font-size-h1: 2.25rem;
  --font-size-h2: 1.6rem;

  /* Layout */
  --content-width: 46rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --radius: 0.65rem;
}