/* ============================================================
   Eon Quant - brand tokens v2.0 "Fog and forest" (2026-10-18)
   Source of truth: the approved home page v6.1 (15 Oct 2026).
   Use the variable, never a typed hex. Brand book: section 05-09.
   ============================================================ */
:root{
  /* core */
  --eq-fog:#E1E6E2;            /* page ground */
  --eq-fog-2:#E9EDEA;          /* raised panel or input on fog */
  --eq-ink:#141A17;            /* text on fog, 14.0:1 */
  --eq-ink-muted:#46514B;      /* leads, descriptions on fog, 6.6:1 */
  --eq-ink-faint:#56625C;      /* captions, basis lines on fog, 5.0:1 */
  --eq-forest:#1E5C48;         /* the one action colour on fog; links; gains on fog, 6.2:1 */
  --eq-forest-deep:#174C3B;    /* forest hover / pressed */
  --eq-on-forest:#EEF3F0;      /* text on a forest fill, 7.0:1 */
  --eq-obsidian:#0B1411;       /* instruments and night bands */
  --eq-obsidian-raised:#121E1A;/* the lit top edge of an instrument */
  --eq-light:#EEF4F1;          /* text on obsidian, 16.8:1 */
  --eq-light-muted:#A9B6B0;    /* secondary text on obsidian, 8.9:1 */
  --eq-light-faint:#8A978F;    /* captions on obsidian, 6.2:1 */
  --eq-log:#C9D6D0;            /* mono text in engine logs on obsidian, 12.5:1 */
  --eq-mint:#7CFFC6;           /* data and live signals ON OBSIDIAN ONLY, 15.1:1 (on fog 1.0:1: never) */
  --eq-mint-soft:#A6FFD9;      /* mint hover */
  /* data on fog (charts drawn on the light ground) */
  --eq-data-bar:#3A6F5E;       /* positive bars and areas on fog (forest, slightly lifted) */
  --eq-data-grey:#9DA29E;      /* negative bars on fog: grey, never red */
  --eq-data-band:#C9D5CE;      /* the 5th-95th percentile band on fog */
  --eq-data-line:#141A17;      /* the portfolio line on fog (ink, 2px) */
  /* hairlines: rules, not boxes */
  --eq-hair:rgba(11,20,17,.12);
  --eq-hair-strong:rgba(11,20,17,.22);
  --eq-hair-dark:rgba(238,244,241,.08);
  --eq-hair-dark-strong:rgba(238,244,241,.16);
  /* the night ramp: straight ombre from fog to obsidian (top to bottom or side to side, never round) */
  --eq-night-1:#D2D9D4; --eq-night-2:#A9B5AF; --eq-night-3:#6B7A73; --eq-night-4:#33433C; --eq-night-5:#16231E;
  --eq-ombre:linear-gradient(180deg,#E1E6E2 0,#D2D9D4 60px,#A9B5AF 130px,#6B7A73 190px,#33433C 250px,#16231E 300px,#0B1411 340px);
  --eq-instrument:linear-gradient(180deg,#121E1A 0%,#0B1411 64%);
  /* type */
  --eq-sans:"IBM Plex Sans","Helvetica Neue",sans-serif;
  --eq-mono:"IBM Plex Mono",ui-monospace,monospace;
  --eq-math:"STIX Two Math","STIX Two Text",serif;   /* formulas only */
  --eq-display:400 72px/1.03 var(--eq-sans);  --eq-display-track:-.038em;
  --eq-title:400 54px/1.05 var(--eq-sans);    --eq-title-track:-.032em;
  --eq-figure-xl:300 76px/1 var(--eq-sans);   --eq-figure-xl-track:-.05em;
  --eq-figure:300 30px/1 var(--eq-sans);      --eq-figure-track:-.03em;
  --eq-heading:500 21px/1.3 var(--eq-sans);   --eq-heading-track:-.015em;
  --eq-label:500 17px/1.3 var(--eq-sans);
  --eq-lead:400 17px/1.65 var(--eq-sans);
  --eq-body:400 17px/1.6 var(--eq-sans);
  --eq-small:400 14px/1.55 var(--eq-sans);
  --eq-fine:400 12px/1.5 var(--eq-sans);
  --eq-mono-label:400 12px/1 var(--eq-mono);
  --eq-mono-data:400 12px/1.45 var(--eq-mono);
  --eq-button:500 14px/1 var(--eq-sans);
  /* layout */
  --eq-page-max:1280px; --eq-margin:56px; --eq-margin-phone:22px;
  --eq-section:128px; --eq-section-phone:104px; --eq-head-gap:40px; --eq-gap:24px; --eq-gap-wide:56px;
  --eq-split:7fr 5fr;
  /* shape */
  --eq-radius-button:2px; --eq-radius-instrument:6px;
  --eq-shadow-instrument:inset 0 1px 0 rgba(238,244,241,.08),inset 0 0 0 1px rgba(238,244,241,.05),0 50px 80px -56px rgba(11,20,17,.75),0 18px 30px -24px rgba(11,20,17,.35);
  --eq-grain:.035;
  /* motion */
  --eq-ease:cubic-bezier(.16,1,.3,1);
  --eq-hover:.4s; --eq-rise:1.2s; --eq-draw:2.4s; --eq-wipe:2.6s; --eq-sweep:3.2s;
}