/* ========================================================================== Dark Mode — CSS variable overrides only Applied via [data-theme="dark"] on ========================================================================== */ [data-theme="dark"] { --bg: #1e1e1e; --bg-sidebar: #171717; --card: #2a2a2a; --accent: #e85d26; --accent-hover: #f06a35; --text: #e8e8e8; --text-muted: #888888; --border: #3a3a3a; --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.2); --shadow-card-hover: 0 4px 12px rgba(0, 0, 0, 0.3); } [data-theme="dark"] img { opacity: 0.92; } [data-theme="dark"] .sidebar-overlay.active { background: rgba(0, 0, 0, 0.6); }