/* ============================================================
   tokens.css — Quant Platform design tokens (single source of truth)
   ------------------------------------------------------------
   Values below are the MAJORITY values measured across the 45
   pages in tools/ that currently declare their own :root block.
   They are not aspirational — they describe the platform as it
   is today, so adopting this file changes nothing visually.

   Measured 2026-08-01 across tools/*.html:
     --border            rgba(255,255,255,0.08)   42/45 pages
     --border-strong     rgba(255,255,255,0.15)   42/45 pages
     --text-secondary    #8a96a8                  38/45 pages
     --text-tertiary     #5a6578                  38/45 pages
     --accent-blue       #378ADD                  34/45 pages
     --accent-purple     #a855f7                  27/45 pages (used in 17)

   ADOPTION: this file is additive. No existing page is modified
   by shipping it. Pages migrate one at a time, by replacing their
   local :root block with:
       <link rel="stylesheet" href="/static/tokens.css">

   Until a page migrates, its local :root continues to win.
   ============================================================ */

:root {
  /* ---------- Backgrounds ---------- */
  --bg-primary:   #0a0e14;   /* page canvas */
  --bg-secondary: #0f1419;   /* secondary sections */
  --bg-tertiary:  #141a23;   /* nested containers */
  --bg-card:      #131820;   /* cards / panels */

  /* ---------- Borders ---------- */
  --border:        rgba(255,255,255,0.08);
  --border-strong: rgba(255,255,255,0.15);

  /* ---------- Text ---------- */
  --text-primary:    #e8ecf1;
  --text-secondary:  #8a96a8;
  --text-tertiary:   #5a6578;
  --text-quaternary: #3d4757;

  /* ---------- Primary accent (amber) ---------- */
  --accent-amber:        #f59e0b;
  --accent-amber-soft:   rgba(245,158,11,0.12);
  --accent-amber-strong: rgba(245,158,11,0.25);

  /* ---------- State colours ---------- */
  --accent-green: #10b981;   /* positive / low reading */
  --accent-red:   #ef4444;   /* caution / high reading */

  /* ---------- Secondary accents ---------- */
  --accent-blue:   #378ADD;  /* links, informational */
  --accent-purple: #a855f7;  /* research surfaces */
  --accent-orange: #f97316;  /* dominance / supplementary */

  /* ---------- Typography ---------- */
  --font-display: 'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --font-body:    'Tajawal', 'Segoe UI', Tahoma, sans-serif;
  --font-mono:    'JetBrains Mono', 'Courier New', monospace;

  /* ---------- Radius ---------- */
  --radius-xs:   4px;
  --radius-sm:   8px;
  --radius-md:  12px;
  --radius-lg:  16px;
  --radius-pill: 999px;
}