/* Ghost 404 — design tokens. Every colour in the product comes from here. */
:root {
  --font-display: 'Unbounded', 'Arial Black', system-ui, sans-serif;
  --font-body: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-io: cubic-bezier(.76, 0, .24, 1);
  --cut: 14px; /* chamfer size — the product's signature corner */
  --rail-w: 84px;
  --dossier-w: 400px;
  --dur-1: .22s; --dur-2: .5s; --dur-3: 1s; /* motion scale */
}

/* ── DARK · aggressive, sharp, high-energy ─────────────────────────── */
:root, [data-theme='dark'] {
  color-scheme: dark;
  --bg: #07090d;
  --bg-2: #0d1118;
  --bg-3: #151c28;
  --ink: #f3f6fc;
  --ink-2: #b4bed0;
  --ink-3: #8592a8;
  --line: #263044;
  --line-strong: #4a5872;
  --blue: #3d8bff;
  --blue-hot: #86c6ff;
  --hit: #d6ff3a;        /* acid — the "you missed this" colour */
  --on-hit: #07090d;
  --alert: #ff4b55;
  --ok: #46f0a0;
  --lock-bg: radial-gradient(ellipse 70% 62% at 50% 40%, #12203a 0%, #080b12 58%, #04060a 100%);
  --numeral-stroke: rgba(134, 198, 255, .38);
  --numeral-zero: radial-gradient(circle at 50% 45%, rgba(61,139,255,.55), rgba(61,139,255,.05) 70%);
  --glow: 0 0 14px rgba(61, 139, 255, .45);
  --grain-op: .07;
}

/* ── LIGHT · bright, uplifting, flat, very readable ────────────────── */
[data-theme='light'] {
  color-scheme: light;
  --bg: #f4f7ff;
  --bg-2: #ffffff;
  --bg-3: #e6edff;
  --ink: #050a1c;
  --ink-2: #26304d;
  --ink-3: #465274;
  --line: #c6d1ee;
  --line-strong: #050a1c;
  --blue: #1443ff;
  --blue-hot: #1443ff;
  --hit: #ffd60a;        /* sun */
  --on-hit: #050a1c;
  --alert: #d90f25;
  --ok: #007a4a;
  --lock-bg: radial-gradient(ellipse 70% 62% at 50% 40%, #ffffff 0%, #eaf0ff 60%, #d9e4ff 100%);
  --numeral-stroke: #050a1c;
  --numeral-zero: var(--hit);
  --glow: none;
  --grain-op: 0;
}

/* ── Data series + status roles (charts, distributions) — one place ── */
:root, [data-theme='dark'] { --s0: #d6ff3a; --s1: #3d8bff; --s2: #ff6b73; --s3: #46f0a0; --s4: #b99cff; --s5: #ffb04a; --r-backlog: #8592a8; --r-active: #3d8bff; --r-approval: #d6ff3a; --r-done: #46f0a0; --r-container: #b99cff; }
[data-theme='light'] { --s0: #1443ff; --s1: #ffb800; --s2: #d90f25; --s3: #007a4a; --s4: #6a2cff; --s5: #e06a00; --r-backlog: #7a86a6; --r-active: #1443ff; --r-approval: #ffb800; --r-done: #007a4a; --r-container: #6a2cff; }