/* VizyReport canonical theme — source of truth. Light + dark + 3D pop tokens. */

:root {
  --teal: #0d9488;
  --teal-light: #14b8a6;
  --purple: #6d28d9;
  --purple-light: #8b5cf6;
  --purple-mid: #7c3aed;
  --red: #f87171;
  --amber: #fbbf24;
  --green: #10b981;
}

[data-theme="light"] {
  --bg: #f9f9f9;
  --bg2: #ffffff;
  --bg3: #f0f0f0;
  --border: rgba(15,23,42,0.08);
  --border-light: rgba(15,23,42,0.13);
  --text: #0f172a;
  --text-muted: #55627a;
  --text-dim: #8593a8;
  --nav-bg: #f9f9f9;
  --nav-border: rgba(15,23,42,0.07);
  --logo-ink: #0f172a;
  --cell: rgba(15,23,42,0.06);
  --sparkle: rgba(15,23,42,0.25);
  --px: rgba(15,23,42,0.10);
  --watermark-stroke: rgba(0,0,0,0.55);
  --inner2: #eef1f4;
  --found: #0d9488;
  --found-bg: rgba(13,148,136,0.08);
  --miss: #e05d5d;
  --miss-soft: #c96a6a;
  --miss-bg: rgba(224,93,93,0.07);
  --pop: 0 1px 2px rgba(15,23,42,0.05), 0 10px 28px rgba(15,23,42,0.08), 0 24px 60px rgba(15,23,42,0.07);
  --pop-sm: 0 1px 2px rgba(15,23,42,0.05), 0 6px 16px rgba(15,23,42,0.07);
  --top-light: inset 0 1px 0 rgba(255,255,255,0.9);
  --ascii-grey: rgba(15,23,42,0.16);
  --ascii-purple: rgba(124,58,237,0.30);
  --div-purple: #7c3aed;
  --vz-card: var(--bg2);
  --vz-card-border: rgba(15,23,42,0.08);
  --vz-track: rgba(15,23,42,0.08);
  --scrim: rgba(15,23,42,0.45);
  --upgrade-scrim: #f9f9f9;
}

[data-theme="dark"] {
  --bg: #07090d;
  --bg2: #0d1117;
  --bg3: #131920;
  --border: rgba(255,255,255,0.06);
  --border-light: rgba(255,255,255,0.11);
  --text: #eef2f7;
  --text-muted: #7b90a8;
  --text-dim: #6b8599;
  --nav-bg: #07090d;
  --nav-border: rgba(255,255,255,0.07);
  --logo-ink: #eef2f7;
  --cell: rgba(255,255,255,0.055);
  --sparkle: rgba(255,255,255,0.25);
  --px: rgba(255,255,255,0.09);
  --watermark-stroke: rgba(255,255,255,0.75);
  --inner2: #111722;
  --found: #2dd4bf;
  --found-bg: rgba(45,212,191,0.09);
  --miss: #f08a8a;
  --miss-soft: #d98a8a;
  --miss-bg: rgba(240,138,138,0.08);
  --pop:
    inset 0 1.5px 0 rgba(255,255,255,0.14), inset 0 -1px 0 rgba(0,0,0,0.4),
    0 -1px 0 rgba(255,255,255,0.04), 0 12px 30px rgba(0,0,0,0.55),
    0 6px 24px rgba(148,163,184,0.10), 0 0 40px rgba(124,58,237,0.06);
  --pop-sm:
    inset 0 1px 0 rgba(255,255,255,0.12), inset 0 -1px 0 rgba(0,0,0,0.35),
    0 6px 18px rgba(0,0,0,0.5), 0 3px 14px rgba(148,163,184,0.08);
  --top-light: inset 0 1.5px 0 rgba(255,255,255,0.14);
  --ascii-grey: rgba(200,214,235,0.14);
  --ascii-purple: rgba(139,92,246,0.34);
  --div-purple: #8b5cf6;
  --vz-card: #0d1117;
  --vz-card-border: rgba(255,255,255,0.08);
  --vz-track: rgba(255,255,255,0.07);
  --scrim: rgba(7,9,13,0.92);
  --upgrade-scrim: #07090d;
}