/* StateGov.io design tokens. Source of truth for color, type, spacing.
   Reference via Tailwind arbitrary values: bg-[var(--color-primary)]
   See design.markdown for the why behind each value. */

:root {
  /* Color — navy + rust + warm cream. Accent shifted gold -> rust (2026-06-17
     redesign) so the marketing chrome and the app-faithful product frames read
     as one product. The frames use the app's own darker rust (#8b3a1e). */
  --color-bg: #F4EFE6;             /* paper — dominant page background, warm cream */
  --color-paper: #F4EFE6;          /* alias for bg */
  --color-paper-2: #FBF7EE;        /* raised paper — cards on the cream band */
  --color-ink: #14182A;            /* body text — near-black with a navy hint */
  --color-primary: #0A1F44;        /* deep navy — headlines, primary dark surfaces */
  --color-accent: #B4541F;         /* rust — primary accent: eyebrows, links, marks */
  --color-rust: #B4541F;           /* explicit alias for the accent */
  --color-dark: #0A0E1A;           /* near-black navy — hero overlay, close band */
  --color-muted: #6B6A66;          /* warm soft gray — captions, dividers */

  /* Typography */
  --font-display: "Outfit", system-ui, sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;

  /* Type scale */
  --type-h1: clamp(44px, 6.5vw, 76px);
  --type-h2: clamp(28px, 3.5vw, 44px);
  --type-h3: 24px;
  --type-eyebrow: 11px;
  --type-body: 17px;
  --type-small: 13px;

  /* Tracking presets — wide tracking for uppercase brand gestures */
  --track-eyebrow: 0.22em;
  --track-section: 0.18em;
  --track-cta: 0.04em;
  --track-tight: -0.025em;

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-full: 9999px;
}