/* ═══════════════════════════════════════════════════════════════════ MISDIRECT — SHARED THEME VARIABLES Dark mode is the default (:root). Light mode is opt-in via data-theme="light" on . ═══════════════════════════════════════════════════════════════════ */ /* ── Dark mode (default) ──────────────────────────────────────────── */ :root { --bg: #07080d; --surface: #0f1118; --surface-2: #0a0b12; --border: rgba(196,146,58,0.12); --border-soft: rgba(255,255,255,0.05); --accent: #c4923a; --accent-hover: #e8c070; --text: #ede8db; --text-muted: #7a7870; --text-dim: #3a3530; --shadow: none; --card-shadow: none; --nav-active-bg: rgba(196,146,58,0.1); --nav-hover-bg: rgba(196,146,58,0.06); --stat-bg: #0c0d14; --heatmap-zero: rgba(255,255,255,0.04); --input-bg: #0a0b12; --input-border: rgba(196,146,58,0.2); --input-focus: rgba(196,146,58,0.5); --badge-bg: rgba(196,146,58,0.1); --danger: #c05050; --danger-bg: rgba(192,80,80,0.1); --success: #4ade80; --success-bg: rgba(74,222,128,0.1); } /* ── Light mode (gold accent on warm parchment) ───────────────────── */ html[data-theme="light"] { --bg: #f6f2ea; --surface: #fdfaf4; --surface-2: #ede9de; --border: rgba(196,146,58,0.18); --border-soft: rgba(196,146,58,0.09); --accent: #c4923a; --accent-hover: #a57828; --text: #1a1408; --text-muted: #5c4c2c; --text-dim: #9a8060; --shadow: 0 1px 3px rgba(60,40,10,0.09); --card-shadow: 0 1px 5px rgba(60,40,10,0.07), 0 0 0 1px rgba(196,146,58,0.12); --stat-bg: #e2dace; --heatmap-zero: rgba(196,146,58,0.1); --input-bg: #fdfaf4; --input-border: rgba(196,146,58,0.28); --input-focus: rgba(196,146,58,0.55); --badge-bg: rgba(196,146,58,0.12); --sidebar-bg: #12151c; --nav-active-bg: rgba(255,255,255,0.08); --nav-hover-bg: rgba(255,255,255,0.05); --danger: #c05050; --danger-bg: rgba(192,80,80,0.1); --success: #2d8a50; --success-bg: rgba(45,138,80,0.1); } /* ── Base resets using vars ───────────────────────────────────────── */ html, body { background: var(--bg); color: var(--text); } html[data-theme="light"] body { background: var(--bg) !important; }