/* SDK-tests — standalone token sheet (zero-dependency handoff)
   Source: SDK-tests.fig. Every value drawn in the file; nothing invented.
   1u = 16px = 1rem (16px root). No em.
   FONT (owner decision 2026-10-14): chrome text uses the system font stack —
   no web font is vendored or served, superseding the handoff's web-font
   note for chrome. Stimuli never use a font: every stimulus batch is SVG. */
:root {
  /* ── Neutrals + text — tier: chrome ── */
  --color-stage: #2F2F2C;   /* template canvas */
  --color-surface: #363634; /* panels, slots, wells */
  --color-text: #D3D3D3;    /* body text, titles, language — only text-on-neutral color drawn */

  /* ── Five pairs — tier: CALIBRATED (contrast locked; version bump to change) ── */
  --color-feedback-positive-dark:  #03653E; /* green-dark */
  --color-feedback-positive-light: #00FF99; /* green-light */
  --color-feedback-negative-dark:  #690305; /* red-dark */
  --color-feedback-negative-light: #FD6D77; /* red-light */
  --color-feedback-caution-dark:   #6A7307; /* yellow-dark */
  --color-feedback-caution-light:  #FAFF6E; /* yellow-light */
  --color-info-dark:  #1D465D;  /* blue-dark */
  --color-info-light: #60C7FF;  /* blue-light */
  --color-accent-dark:  #2C1440; /* purple-dark */
  --color-accent-light: #B561FF; /* purple-light */

  /* ── Progress gradient (sole gradient; mid color appears nowhere else) ── */
  --color-progress-mid: #8A94FF;
  --gradient-progress: linear-gradient(90deg,
    var(--color-accent-light) 0%,
    var(--color-progress-mid) 50%,
    var(--color-feedback-positive-light) 100%);

  /* ── Type (three drawn styles) ── */
  --font-display: -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-extrabold: 800;
  --font-weight-bold: 700;
  --text-control-size: 2rem; /* 32px — ExtraBold, centered (buttons, banners, titles) */
  --text-control-line: 3rem; /* 48px */
  --text-body-size: 2.25rem; /* 36px — Bold (messages) / ExtraBold (intro paragraph) */
  --text-body-line: 3rem;    /* 48px */
  --text-body-tracking: 0.05em;

  /* ── Space (complete drawn set) ── */
  --space-half: 0.5rem; /* 8 — edge margins only */
  --space-1:    1rem;   /* 16 — universal gap/inset */
  --space-1-5:  1.5rem; /* 24 — stage side margins */

  /* ── Radii (nested: stage → panel → control → progress; icon tile off-scale) ── */
  --radius-stage:    1.5rem;    /* 24 */
  --radius-panel:    1rem;      /* 16 */
  --radius-control:  0.5rem;    /* 8 */
  --radius-progress: 0.25rem;   /* 4 */
  --radius-icon-tile: 1rem;     /* 16 — was 30; updated per design owner 2026-07-09 */

  /* ── Chrome dimensions ── */
  --size-stage-w: 80rem;   /* 1280 */
  --size-stage-h: 50rem;   /* 800 */
  --size-band-h:  5rem;    /* 80 — header + footer */
  --size-main-h:  40rem;   /* 640 */
  --size-control-w: 12rem; /* 192 */
  --size-control-h: 3rem;  /* 48 */
  --size-title-w:  51rem;  /* 816 — title slot = progress well */
  --size-progress-track-w: 49rem; /* 784 */
  --size-progress-track-h: 1rem;  /* 16 */
  --size-panel-w: 78rem;   /* 1248 */
  --size-panel-h: 40rem;   /* 640 */
  --size-message-w: 64rem; /* 1024 */
  --size-message-h: 12rem; /* 192 */
  --size-icon-tile: 10rem;       /* 160 — radius 16, inset 1u in the 12u icon slot */
  --size-icon-glyph: 6rem;       /* 96 — typical glyph box, centered; 4px strokes */
  --size-logo-text-w: 10rem;     /* 160×32 — logo-static-text-dark slot (artwork GAP) */
  --size-logo-text-h: 2rem;
  --size-logo-symbol-w: 22.5rem; /* 360×240 — logo-static-symbol-dark slot (artwork GAP) */
  --size-logo-symbol-h: 15rem;
  --size-language-w: 8rem;       /* 128 — language group in info slot */

  /* ── CALIBRATED dimensions — version bump to change ── */
  --cal-cell:     12rem; /* 192 — matrix cell (= derived icon slot) */
  --cal-circle:   8rem;  /* 128 — stimulus slot + central marker */
  --cal-column-w: 25rem; /* 400 */
  --cal-column-h: 38rem; /* 608 */
  --cal-half:     38rem; /* 608 — left-right half */
}