/* tokens.css — Surveys Ltd dashboard design tokens (vendored fonts, no CDN).
   Light values come from Dashboard-Mockups.dc.html; dark from Dashboard-Mockups-Dark.dc.html.
   Semantic tokens absent from the (missing) _ds bundle are reconstructed — see design-spec.md. */

@font-face{font-family:'Hanken Grotesk';font-weight:300;font-style:normal;font-display:swap;src:url('fonts/HankenGrotesk-300.ttf') format('truetype');}
@font-face{font-family:'Hanken Grotesk';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/HankenGrotesk-400.ttf') format('truetype');}
@font-face{font-family:'Hanken Grotesk';font-weight:600;font-style:normal;font-display:swap;src:url('fonts/HankenGrotesk-600.ttf') format('truetype');}
@font-face{font-family:'Hanken Grotesk';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/HankenGrotesk-700.ttf') format('truetype');}
@font-face{font-family:'Antonio';font-weight:700;font-style:normal;font-display:swap;src:url('fonts/Antonio-700.ttf') format('truetype');}
@font-face{font-family:'JetBrains Mono';font-weight:400;font-style:normal;font-display:swap;src:url('fonts/JetBrainsMono-400.ttf') format('truetype');}
@font-face{font-family:'JetBrains Mono';font-weight:500;font-style:normal;font-display:swap;src:url('fonts/JetBrainsMono-500.ttf') format('truetype');}
/* Survey Nest (PRODUCT-DEFINITION P7, P9): Source Serif 4 for headings, IBM Plex Sans for text. Both SIL OFL, vendored. */
@font-face{font-family:'Source Serif 4';font-weight:200 900;font-style:normal;font-display:swap;src:url('fonts/SourceSerif4-Variable.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-weight:100 700;font-style:normal;font-display:swap;src:url('fonts/IBMPlexSans-Variable.woff2') format('woff2');}

:root{
  --font-body:'IBM Plex Sans',system-ui,sans-serif;
  --font-display:'Source Serif 4',Georgia,serif;
  /* Survey Nest brand: deep teal, and duck egg for the thing kept safe */
  --brand:#1e3b38; --brand-egg:#a9d0c7;
  --font-mono:'JetBrains Mono',ui-monospace,monospace;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
  --dur-fast:0.18s;

  /* semantic tones (shared) — reconstructed to BRAND-NOTES intent */
  --ok:#1ba673;
  --rag-high:#d64550; --rag-med:#d9911f; --rag-low:#3aa76d; --rag-none:#8a8a93;
  --tone-progress:#c8871f; --tone-warn:#b8722a;
  --sev-1:#3aa76d; --sev-2:#8fb43a; --sev-3:#e0a53a; --sev-4:#e5732b; --sev-5:#e5484d;
  --iron-bow:linear-gradient(90deg,#00000a 0%,#1b0b3a 22%,#52176b 40%,#8c2160 55%,#c8384a 68%,#ee6b1f 82%,#f5c542 92%,#ffffff 100%);
}

/* ---------- LIGHT (primary) ---------- */
:root[data-theme="light"]{
  --bg:#f7f7f8;
  --surface-card:#ffffff;
  --surface-inset:#f2f2f4;
  --line:#f0f0f2;          /* row/subtle divider */
  --line-card:#ececef;     /* card border */
  --line-bright:#e6e6ea;   /* stronger border */
  --text-strong:#16161c;
  --text-body:#55555e;
  --text-muted:#6e6e78;
  --text-date:#8a8a93;
  --text-label:#a2a2aa;    /* mono labels */
  --text-faint:#b6b6bd;
  --silver:#1a1a20;
  --grey-1:#52525a; --grey-2:#6e6e78; --grey-3:#c0c0c8;
  --accent:#1e3b38; --accent-hover:#142926; --on-accent:#ffffff; --brand-egg-deep:#3c7a70;
  --hover-tint:rgba(0,0,0,0.03);
  --chip-active-bg:#1e3b38; --chip-active-fg:#ffffff;
  --shadow-card:0 1px 2px rgba(17,20,28,0.04);
  --shadow-pop:0 16px 40px rgba(17,20,28,0.14);
  --ok-quiet:rgba(27,166,115,0.10);
  --caption-bg:rgba(255,255,255,0.92); --caption-border:#e6e6ea; --caption-fg:#55555e;
  --scroll-thumb:#d6d6dd; --scroll-track:#f0f0f2;
  --radius-card:16px; --radius-table:18px;
  --pane-bg:#eef0f3;
}

/* ---------- DARK (black/silver variant) ---------- */
:root[data-theme="dark"]{
  --bg:#000000;
  --surface-card:#0b0b0e;
  --surface-inset:#131317;
  --line:#18181c;
  --line-card:#18181c;
  --line-bright:#2c2c34;
  --text-strong:#ffffff;
  --text-body:#a4a4ac;
  --text-muted:#6e6e78;
  --text-date:#a4a4ac;
  --text-label:#6e6e78;
  --text-faint:#45454d;
  --silver:#d6d6dc;
  --grey-1:#a4a4ac; --grey-2:#6e6e78; --grey-3:#45454d;
  --accent:#a9d0c7; --accent-hover:#c4e0d9; --on-accent:#0e1f1c; --brand-egg-deep:#a9d0c7;
  --hover-tint:rgba(255,255,255,0.015);
  --chip-active-bg:#a9d0c7; --chip-active-fg:#0e1f1c;
  --shadow-card:none;
  --shadow-pop:0 16px 40px rgba(0,0,0,0.5);
  --ok-quiet:rgba(27,166,115,0.16);
  --caption-bg:rgba(0,0,0,0.6); --caption-border:#2c2c34; --caption-fg:#d6d6dc;
  --scroll-thumb:#2c2c34; --scroll-track:#0a0a0c;
  --radius-card:14px; --radius-table:14px;
  --pane-bg:#060608;
}