/* Dark theme. Activated by data-theme="dark" on . */ :root[data-theme="dark"] { --bg: #0b1220; --surface: #131a2b; --surface-alt: #1c2438; --text: #e2e8f0; --muted: #94a3b8; --border: #2a3450; --primary: #60a5fa; --primary-fg: #0b1220; --primary-soft: #1e3a8a; --danger: #f87171; --success: #4ade80; --warning: #fbbf24; --shadow-sm: 0 1px 2px rgba(0,0,0,.3); --shadow: 0 4px 12px rgba(0,0,0,.45); }