/* ── PassPoint Design Tokens ─────────────────────────────────── */

/* ─── DARK MODE (default) ─────────────────── */
:root {
  --bg:         #0d0f14;
  --surface:    #13161d;
  --raised:     #1a1e28;
  --faint:      #22273a;

  --border:     rgba(255,255,255,0.09);
  --border2:    rgba(255,255,255,0.16);

  --text:       #f0f2f8;
  --muted:      #8b93a8;

  --cyan:       #00d4b4;
  --cyan-dim:   rgba(0,212,180,0.12);
  --cyan-mid:   rgba(0,212,180,0.25);

  --green:      #4ade80;
  --green-dim:  rgba(74,222,128,0.12);

  --amber:      #ffb547;
  --amber-dim:  rgba(255,181,71,0.12);

  --red:        #ff5e5e;
  --red-dim:    rgba(255,94,94,0.12);

  --blue:       #60a5fa;
  --blue-dim:   rgba(96,165,250,0.12);

  --purple:     #c084fc;
  --purple-dim: rgba(192,132,252,0.12);

  --r:          12px;
  --r-sm:       8px;
  --r-lg:       16px;

  --shadow:     0 4px 24px rgba(0,0,0,0.5);
  --shadow-lg:  0 12px 48px rgba(0,0,0,0.7);

  --font:       'DM Sans', sans-serif;
  --mono:       'DM Mono', monospace;
}

/* ─── LIGHT MODE ──────────────────────────── */
[data-theme="light"] {
  --bg:         #f5f7fa;
  --surface:    #ffffff;
  --raised:     #f0f2f6;
  --faint:      #e4e8f0;

  --border:     rgba(0,0,0,0.08);
  --border2:    rgba(0,0,0,0.14);

  --text:       #0f1117;
  --muted:      #5a6478;

  --cyan:       #009e87;
  --cyan-dim:   rgba(0,158,135,0.10);
  --cyan-mid:   rgba(0,158,135,0.20);

  --green:      #16a34a;
  --green-dim:  rgba(22,163,74,0.10);

  --amber:      #d97706;
  --amber-dim:  rgba(217,119,6,0.10);

  --red:        #dc2626;
  --red-dim:    rgba(220,38,38,0.10);

  --blue:       #2563eb;
  --blue-dim:   rgba(37,99,235,0.10);

  --purple:     #7c3aed;
  --purple-dim: rgba(124,58,237,0.10);

  --shadow:     0 2px 16px rgba(0,0,0,0.08);
  --shadow-lg:  0 8px 40px rgba(0,0,0,0.14);
}

/* Source badge overrides for light mode */
[data-theme="light"] .src-UWorld   { background: rgba(37,99,235,0.10);  color: #1d4ed8; }
[data-theme="light"] .src-ATI      { background: rgba(124,58,237,0.10); color: #6d28d9; }
[data-theme="light"] .src-Kaplan   { background: rgba(217,119,6,0.10);  color: #b45309; }
[data-theme="light"] .src-Hurst    { background: rgba(8,145,178,0.10);  color: #0e7490; }
[data-theme="light"] .src-Saunders { background: rgba(101,163,13,0.10); color: #4d7c0f; }
[data-theme="light"] .src-Other    { background: rgba(100,116,139,0.10);color: #475569; }

/* Heat map light mode overrides */
[data-theme="light"] .hcell--empty  { background: #f0f2f6; border-color: #d1d9e6; }
[data-theme="light"] .hcell--strong { background: rgba(22,163,74,0.08);  border-color: rgba(22,163,74,0.25); }
[data-theme="light"] .hcell--review { background: rgba(217,119,6,0.08);  border-color: rgba(217,119,6,0.25); }
[data-theme="light"] .hcell--weak   { background: rgba(220,38,38,0.08);  border-color: rgba(220,38,38,0.25); }

/* Topbar light mode */
[data-theme="light"] .topbar {
  background: rgba(255,255,255,0.92);
  border-bottom: 1px solid rgba(0,0,0,0.08);
}

/* Sidebar light mode */
[data-theme="light"] .sidebar {
  background: #ffffff;
  border-right: 1px solid rgba(0,0,0,0.08);
}

[data-theme="light"] .nav-btn:hover  { background: #f0f2f6; color: #0f1117; }
[data-theme="light"] .nav-btn.active { background: rgba(0,158,135,0.10); color: #009e87; }
[data-theme="light"] .countdown-pill { background: #f0f2f6; border-color: rgba(0,0,0,0.10); }

/* Toast light mode */
[data-theme="light"] #toast {
  background: #ffffff;
  border-color: rgba(0,0,0,0.12);
  color: #0f1117;
  box-shadow: 0 4px 20px rgba(0,0,0,0.12);
}

/* Modal light mode */
[data-theme="light"] .overlay { background: rgba(0,0,0,0.4); }
[data-theme="light"] .modal   { background: #ffffff; border-color: rgba(0,0,0,0.12); }

/* Bottom nav light mode */
[data-theme="light"] .bottom-nav { background: #ffffff; border-top: 1px solid rgba(0,0,0,0.08); }