/* site/tokens.css
   Chris Getty for Congress design tokens. :root only, no selectors. Cut from
   MOCKUP_listen_funnel_v31_2026-09-23 by Design PM (cw); the mockup is the
   source and this file is the projection. color-scheme: light is load-bearing
   (see the live /join). */
:root{
  color-scheme: light;

  --navy:#132E5D; --navy-dark:#051528; --navy-light:#1A3A6E; --navy-press:#0F2447;
  --cornflower:#417CDF;              /* display only: borders, marks, spinner, focus ring. Never under white text. */
  --cornflower-press:#2E63BE;        /* filled controls and text. 5.76:1 under white. */
  --cornflower-press-2:#2554A3;      /* press step for a filled cornflower control. 7.30:1. NEW. */
  --green:#059669;                   /* display only: accent-color on native checks, non-text marks. Never under white text. */
  --green-press:#0B7A56;             /* the advancing action's RESTING fill, kg ruling A 2026-09-22. 5.34:1. */
  --green-press-2:#086345;           /* hover and active for the advancing action. 7.29:1. NEW. */

  --ink:#1F2937;                     /* sentences on light surfaces */
  --muted:#4B5563;                   /* secondary labels only, never a sentence. Rule 2. */
  --kicker-on-navy:#AFC3EC; --body-on-navy:#DCE6F6; --accent-on-navy:#6FA0EA;

  --paper:#F4F6FA; --panel:#F3F6FC; --tint:#EAF1FC;
  --line:#E1E7F1;
  --field-border:#7B8CAB;             /* component boundary, 3.4:1 on white (WCAG 1.4.11 asks 3:1). Was #C7D2E4 at 1.53:1; kg ruled the reviewer's proposal 2026-09-25. */
  --warn-ink:#B45309; --warn-ink-strong:#92400E; --warn-bg:#FEF3E2; --warn-border:#F0CE8F;   /* -strong: the live /join's out-of-district ink, 6.46:1 on --warn-bg, measured */
  --ok-ink:#065F46; --ok-bg:#E7F5EE; --ok-border:#A7E3C7;
  --disabled-bg:#F1F4F9; --disabled-fg:#A9B4C6;
  --manila:#F4E8CB; --manila-line:#C9B27C;   /* official-source surfaces only (the early-voting card), never a campaign ask, never a warning. kg 2026-09-26. Navy 10.9:1, ink 12.1:1, cornflower-press 4.7:1 on it. Not gold; the border stays tan. */

  --r-card:18px; --r-control:14px; --r-field:12px; --r-tile:9px;
  --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-6:24px;
  --col:440px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}