/* SIMUL8OR DESIGN TOKENS v0.1 — single source of truth.
   Adopt this file first; it can coexist with existing CSS. */
:root{
/* ── surface: depth via value steps, not shadow ── */
/* surface steps are spaced wider than v0.1 so panels separate from the
   backdrop without shadow, and headers separate from panel bodies. */
--s8-bg:#08090B;--s8-panel:#14171C;--s8-panel-2:#1C2027;--s8-hover:#252A33;--s8-active:#30363F;--s8-inset:#0E1014;
--s8-line:#2B303A;--s8-line-2:#3D4450;--s8-line-3:#525B68;
/* ── foreground: every step clears 4.5:1 on --s8-panel ── */
--s8-fg:#EDF0F5;--s8-fg-2:#B3BBC9;--s8-fg-3:#8D96A6;--s8-fg-4:#6A7382;--s8-on-accent:#FFFFFF;
/* ── accent: actions + links only ── */
--s8-accent:#2B8FE0;--s8-accent-hi:#3EA2F2;--s8-accent-lo:#1D71B8;--s8-accent-fg:#8AD5FF;
--s8-accent-tint:rgba(62,162,242,.18);--s8-accent-line:rgba(62,162,242,.46);
/* ── semantic: reserved for data + trade intent ── */
--s8-up:#3ED69B;--s8-up-tint:rgba(62,214,155,.16);--s8-up-line:rgba(62,214,155,.42);
--s8-down:#FF6E7A;--s8-down-tint:rgba(255,110,122,.16);--s8-down-line:rgba(255,110,122,.42);
--s8-warn:#F5B14A;--s8-warn-tint:rgba(245,177,74,.16);--s8-warn-line:rgba(245,177,74,.42);
/* buy is green, sell is red — matches the live product and trader convention.
   the blue accent stays for neutral primary actions (Start, Upgrade). */
--s8-buy:#1FA75C;--s8-buy-hi:#25BB68;--s8-sell:#DE4551;--s8-sell-hi:#EC5460;
/* ── type ── */
--s8-sans:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
/* NUMERALS ARE SANS, NOT MONO — deliberate.
   Coder monos (IBM Plex Mono, Source Code Pro, Fira, JetBrains, DM, Red Hat)
   all dot or slash the zero by default; it is a convention of that genre and
   not reliably switchable. IBM Plex Sans has a plain oval zero, and
   font-variant-numeric:tabular-nums makes its digits equal-width, so columns
   still align exactly like a monospace. Systemic text keeps its character
   from uppercase + letter-spacing instead of a mono face. */
--s8-mono:'IBM Plex Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
/* tabular figures on; every optional dotted/slashed-zero alternate off */
--s8-num-feat:"tnum" 1,"zero" 0,"ss01" 0,"ss02" 0,"ss20" 0;
/* belt and braces: kill any optional slashed-zero feature, keep tabular */
/* v0.2: whole ramp up ~1 step. 11px floor — nothing smaller ships. */
--s8-fs-micro:11px;--s8-fs-xs:12px;--s8-fs-sm:13px;--s8-fs-md:14px;--s8-fs-base:15px;--s8-fs-lg:17px;--s8-fs-xl:20px;--s8-fs-2xl:25px;--s8-fs-3xl:31px;--s8-fs-display:38px;
--s8-lh-tight:1.2;--s8-lh:1.45;--s8-ls-caps:.09em;--s8-ls-tight:-.012em;
/* ── space: 4px base ── */
--s8-1:4px;--s8-2:8px;--s8-3:12px;--s8-4:16px;--s8-5:20px;--s8-6:24px;--s8-7:32px;--s8-8:40px;--s8-9:56px;
/* ── radius: tight ── */
--s8-r-xs:2px;--s8-r-sm:3px;--s8-r:5px;--s8-r-lg:8px;--s8-r-pill:999px;
/* ── control metrics ── */
--s8-h-xs:24px;--s8-h-sm:28px;--s8-h:32px;--s8-h-lg:38px;--s8-row:36px;--s8-toolbar:48px;--s8-rail:50px;
/* ── elevation: overlays only ── */
--s8-pop:0 10px 28px -8px rgba(0,0,0,.72);--s8-pop-lg:0 24px 64px -16px rgba(0,0,0,.8);--s8-scrim:rgba(5,6,8,.72);
--s8-focus:0 0 0 2px rgba(62,162,242,.42);
/* ── motion ── */
--s8-t-fast:90ms;--s8-t:140ms;--s8-t-slow:240ms;--s8-ease:cubic-bezier(.4,0,.2,1);
}