/* GetGetAcme premium dark — design tokens (WEBSITE_PREMIUM_DESIGN_20260913)
 *
 * One restrained accent, layered dark surfaces, generous spacing, minimal shadow. No gradients as
 * decoration, no glass, no glow. Every value here is referenced by name in DESIGN_SPEC.md.
 *
 * System fonts only: no font service is requested or required, so the design cannot be blocked on
 * a network font and cannot leak a request to one.
 */

:root {
  /* ---- ground and surfaces: four steps, each a real elevation, not a decorative tint ---- */
  --ink-000: #070b12;   /* page ground, deepest */
  --ink-050: #0b111b;   /* section ground */
  --ink-100: #111927;   /* card */
  --ink-150: #18202f;   /* raised card, input rest */
  --ink-200: #202a3b;   /* hover / pressed surface */

  /* ---- lines ---- */
  --line-soft: #1e2836;
  --line:      #29344a;
  --line-loud: #3a475f;

  /* ---- text: three weights of emphasis, all tested on --ink-100 ---- */
  --text-hi:   #eef2f7;   /* headings and primary values */
  --text:      #c6d0de;   /* body */
  --text-mid:  #93a1b5;   /* secondary, help */
  --text-low:  #8b98ad;   /* labels, meta, timestamps — 4.5:1 minimum on --ink-100 */

  /* ---- one brand accent ---- */
  --teal-400:  #3fd8c4;   /* accent text on dark, focus ring */
  --teal-500:  #17b9a4;   /* primary button ground */
  --teal-600:  #0e9184;   /* primary pressed */
  --teal-ink:  #04201e;   /* text on a teal ground */
  --teal-wash: rgba(23,185,164,.12);

  /* ---- semantic: used ONLY for their meaning, never as decoration ---- */
  --warn-500:  #e9b949;
  --warn:      #e9b949;
  --warn-wash: rgba(233,185,73,.12);
  --err-500:   #ef7070;
  --err-wash:  rgba(239,112,112,.12);
  --ok-500:    #5fcf8e;
  --ok-wash:   rgba(95,207,142,.12);
  /* "unknown" is a first-class state in this product and gets its own neutral cue, so absence of
     evidence never borrows the colour of a warning or a success. */
  --unknown-500: #8a97ab;
  --unknown-wash: rgba(138,151,171,.10);

  /* ---- typography ---- */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --fs-display: 40px;  --lh-display: 1.12;  --ls-display: -0.022em;
  --fs-h1:      28px;  --lh-h1:      1.2;   --ls-h1:      -0.016em;
  --fs-h2:      21px;  --lh-h2:      1.3;   --ls-h2:      -0.01em;
  --fs-h3:      17px;  --lh-h3:      1.35;
  --fs-body:    15px;  --lh-body:    1.6;
  --fs-sm:      13.5px; --lh-sm:     1.5;
  --fs-xs:      12px;  --lh-xs:      1.45;
  --fs-label:   11px;  --ls-label:   .09em;   /* uppercase eyebrow labels */
  --fw-normal: 400; --fw-medium: 550; --fw-bold: 700; --fw-heavy: 800;

  /* ---- spacing: a 4px scale ---- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px; --s-5: 20px;
  --s-6: 24px; --s-7: 32px; --s-8: 40px; --s-9: 56px; --s-10: 72px; --s-11: 96px;

  /* ---- radius ---- */
  --r-sm: 6px; --r: 10px; --r-lg: 14px; --r-pill: 999px;

  /* ---- elevation: one shadow, used sparingly ---- */
  --shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.28);

  /* ---- interaction ---- */
  --focus: 0 0 0 2px var(--ink-000), 0 0 0 4px var(--teal-400);
  --dur-fast: 120ms; --dur: 180ms; --ease: cubic-bezier(.2,.6,.35,1);

  /* ---- layout ---- */
  --measure: 68ch;        /* reading width cap */
  --page-max: 1080px;
  --wizard-max: 680px;    /* one question per screen never spans the full page */
  --tap: 44px;            /* minimum touch target */
}

/* Motion is opt-in. Everything still works with none of it. */
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur: 0ms; }
  * { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}