/* ══════════════════════════════════════════════════════════════════════
   tokens.css — design tokens only
   Rule: no selectors other than :root and [data-theme="dark"]
   ══════════════════════════════════════════════════════════════════════ */

:root{
  --bg:#f5f4f0;--bg2:#fafaf8;--bg3:#ffffff;--bg4:#f0efe9;--bg5:#e8e6de;
  --indigo:#4f46e5;--indigo-dim:#3730a3;
  --indigo-glow:rgba(79,70,229,0.14);--indigo-soft:rgba(79,70,229,0.07);--indigo-mid:rgba(79,70,229,0.12);
  --teal:#0d9488;--emerald:#059669;--rose:#e11d48;--amber:#d97706;--sky:#0284c7;--violet:#7c3aed;
  --t1:#1a1917;--t2:#3d3a36;--t3:#6b6762;--t4:#9c9891;--t5:#c5c2ba;
  --border:rgba(26,25,23,0.09);--border2:rgba(79,70,229,0.22);--border3:rgba(26,25,23,0.05);
  --r:16px;--r2:10px;--r3:6px;
  --sh1:0 1px 3px rgba(0,0,0,0.06),0 1px 2px rgba(0,0,0,0.04);
  --sh2:0 4px 16px rgba(0,0,0,0.07),0 2px 4px rgba(0,0,0,0.04);
  --sh3:0 8px 32px rgba(0,0,0,0.08),0 2px 8px rgba(0,0,0,0.04);
  /* ── Semantic signal colors — two-tier: basic(dim/full) + compression(mid/deep) ── */
  --sig-low:rgba(220,53,69,0.6);--sig-low-mid:rgba(220,53,69,0.8);
  --sig-low-full:rgba(220,53,69,1);--sig-low-deep:rgba(139,0,0,1);
  --sig-high:rgba(40,167,69,0.6);--sig-high-mid:rgba(40,167,69,0.8);
  --sig-high-full:rgba(40,167,69,1);--sig-high-deep:rgba(0,100,0,1);
  /* ── Semantic background tint ── */
  --bg-future:rgba(5,150,105,0.10);  --bg-future-solid:#e6f5f0;
  /* ── Teal alpha variants (parallel to indigo-soft/mid) ── */
  --teal-soft:rgba(13,148,136,0.08);--teal-mid:rgba(13,148,136,0.20);
  /* ── Per-color glow/border/pulse tokens ── */
  --emerald-glow:rgba(5,150,105,0.25);--emerald-pulse:rgba(5,150,105,0.50);
  --amber-glow:rgba(217,119,6,0.25);--amber-soft:rgba(217,119,6,0.45);
  --indigo-border:rgba(79,70,229,0.25);
  /* ── Fixed foreground on any accent-colored surface ── */
  --fg-on-accent:#fff;
  /* ── Topbar frosted-glass background ── */
  --topbar-bg:rgba(245,244,240,0.92);
  /* ── Sticky-column pre-blended state backgrounds ── */
  /* sc-even: rgba(0,0,0,.03) over --bg3 */
  --sc-even:#f7f7f7;
  /* sc-hover: indigo-soft (rgba(79,70,229,.04)) over --bg3 */
  --sc-hover:#f2f1fc;
  /* sc-hi: indigo-mid (rgba(79,70,229,.08)) over --bg3 */
  --sc-hi:#eceafc;
}

[data-theme="dark"]{
  --bg:#0c0f17;--bg2:#111520;--bg3:#161b2a;--bg4:#1c2235;--bg5:#232b40;
  --indigo:#818cf8;--indigo-dim:#6366f1;
  --indigo-glow:rgba(129,140,248,0.15);--indigo-soft:rgba(129,140,248,0.09);--indigo-mid:rgba(129,140,248,0.18);
  --teal:#2dd4bf;--emerald:#34d399;--rose:#fb7185;--amber:#fbbf24;--violet:#a78bfa;
  --t1:#f0f2f8;--t2:#c8cfe0;--t3:#8b96b0;--t4:#556080;--t5:#303a55;
  --border:rgba(255,255,255,0.07);--border2:rgba(129,140,248,0.22);--border3:rgba(255,255,255,0.04);
  --sh1:0 1px 3px rgba(0,0,0,0.25),0 1px 2px rgba(0,0,0,0.18);
  --sh2:0 4px 16px rgba(0,0,0,0.35),0 2px 4px rgba(0,0,0,0.2);
  --sh3:0 8px 32px rgba(0,0,0,0.45),0 2px 8px rgba(0,0,0,0.25);
  --sig-low:rgba(251,113,133,0.65);--sig-low-mid:rgba(251,113,133,0.82);
  --sig-low-full:rgba(251,113,133,1);--sig-low-deep:rgba(252,165,165,1);
  --sig-high:rgba(52,211,153,0.65);--sig-high-mid:rgba(52,211,153,0.82);
  --sig-high-full:rgba(52,211,153,1);--sig-high-deep:rgba(134,239,172,1);
  --bg-future:rgba(45,212,191,0.12);  --bg-future-solid:#19313c;
  --teal-soft:rgba(45,212,191,0.08);--teal-mid:rgba(45,212,191,0.20);
  --emerald-glow:rgba(52,211,153,0.20);--emerald-pulse:rgba(52,211,153,0.40);
  --amber-glow:rgba(251,191,36,0.20);--amber-soft:rgba(251,191,36,0.45);
  --indigo-border:rgba(129,140,248,0.25);
  --topbar-bg:rgba(12,15,23,0.92);
  --sc-even:#181e2e;
  --sc-hover:#1e2438;
  --sc-hi:#222845;
}

/* ── Co-Captain (AI assistant layer) — Phase 1 tokens ──────────────
   Soft cobalt accent, visually distinct from --indigo. */
:root {
  --cocap:      var(--indigo);
  --cocap-soft: var(--indigo-soft);
  --cocap-mid:  var(--indigo-mid);
  --cocap-glow: var(--indigo-glow);
}