/* actionstate.ai v3 (launch, 2026-10-22) — dark-primary tokens. Extends the v1 system (_ds/.../tokens); v1 light tokens stay valid as .theme-paper. */
:root{
/* Ink — dark-primary surfaces (from slate-900, pushed deeper) */
--ink-950:#0B0E11;--ink-900:#0F1317;--ink-850:#141A1F;--ink-800:#1B2127;--ink-700:#262E36;--ink-600:#35404A;
--hairline:rgba(242,239,233,.08);--hairline-strong:rgba(242,239,233,.16);
/* Text on ink */
--cream:#F2EFE9;--fg-1:#F2EFE9;--fg-2:#C9CFD5;--fg-3:#8C97A1;--fg-4:#5A6873;
/* Brand amber — unchanged hue; 400 is the on-dark hover */
--amber-700:#C07E1F;--amber-600:#D98F2B;--amber-500:#E8A33D;--amber-400:#F0B65C;--amber-200:#F3D9A8;
--ember-600:#C8612A; /* gradient end only, never solid */
/* Verdicts on ink — green is still boring */
--ok-on-ink:#7DBE93;--ok-wash-ink:rgba(125,190,147,.12);
--fail-on-ink:#E8745B;--fail-wash-ink:rgba(232,116,91,.14);
--judged-on-ink:#A996E3;--judged-wash-ink:rgba(169,150,227,.14);
/* Glow & gradient — bold, but amber-only */
--glow-amber:radial-gradient(60% 60% at 50% 40%,rgba(232,163,61,.28),rgba(232,163,61,0) 70%);
--gradient-state:linear-gradient(100deg,#F3D9A8 0%,#E8A33D 45%,#C8612A 100%);
--gradient-hairline:linear-gradient(90deg,rgba(232,163,61,0),rgba(232,163,61,.6),rgba(232,163,61,0));
--shadow-lift:0 1px 0 rgba(242,239,233,.06) inset,0 24px 60px -24px rgba(0,0,0,.6);
--shadow-glow:0 0 0 1px rgba(232,163,61,.35),0 12px 40px -8px rgba(232,163,61,.35);
/* Type — big type allowed: mono display up to 112px */
--font-display:'IBM Plex Sans',system-ui,sans-serif; /* v3: headlines are Plex Sans 500 */
--font-mono:'IBM Plex Mono',ui-monospace,monospace; /* labels, data, digests, chips, code */
--font-body:'IBM Plex Sans',system-ui,sans-serif;
--display-xxl:clamp(44px,6.6vw,92px);--display-xl:clamp(38px,5.6vw,80px);--display-l:clamp(34px,4.2vw,56px);--display-m:clamp(26px,3vw,40px);
--body-l:19px;--body-m:16px;--body-s:14px;--label:12px;--tracking-caps:.14em;--tracking-display:-.04em;--tracking-h2:-.03em;
/* Shape */
--r-pill:999px;--r-card:20px;--r-panel:24px;--r-receipt:10px;--r-tile:16px;--r-input:10px;
/* Paper receipts (on ink) */
--paper:#FAF9F6;--paper-card:#FFFFFF;--paper-rule:#DEE3E7;--paper-rule-soft:#EEF1F3;--slate-900:#20272E;--slate-700:#2C353E;--slate-600:#3D4954;--slate-500:#5B6773;
--ok-600:#2F6B44;--ok-wash:#E3EFE7;--ok-ink:#28593A;--fail-600:#B23B26;--judged-600:#5B4A9E;--amber-ink:#8A5E12;
/* Photo scrims — protection gradients allowed ONLY over photography */
--scrim-bottom:linear-gradient(0deg,rgba(11,14,17,.95) 0%,rgba(11,14,17,.72) 34%,rgba(11,14,17,.15) 64%,rgba(11,14,17,.45) 100%);
/* Motion */
--ease-out:cubic-bezier(.23,1,.32,1);--ease-seal:cubic-bezier(.6,0,.2,1);--ease-drift:cubic-bezier(.45,0,.55,1);
--dur-micro:120ms;--dur-press:160ms;--dur-ui:200ms;--dur-reveal:420ms;--dur-seal:900ms;--dur-story:600ms;--dur-drift:16s;
--press-scale:.97;
/* Layout */
--page-max:1280px;--nav-h:68px;--page-pad:clamp(20px,4vw,40px);--section-y:clamp(80px,12vw,160px);
}