/* ─── dark.css — Dark mode colour tokens ──────────────────────────────────── Applied when (default) ────────────────────────────────────────────────────────────────────────────── */ [data-theme="dark"] { /* Backgrounds */ --bg-page: #0e0c1a; --bg-mid: #131120; --bg-surface: #1a1630; --bg-card: rgba(255, 255, 255, 0.05); --bg-card-hover: rgba(255, 255, 255, 0.08); --bg-input: rgba(255, 255, 255, 0.06); --bg-overlay: rgba(0, 0, 0, 0.6); /* Borders */ --border-subtle: rgba(255, 255, 255, 0.07); --border-base: rgba(255, 255, 255, 0.12); --border-strong: rgba(255, 255, 255, 0.22); --border-accent: rgba(127, 119, 221, 0.35); /* Text */ --text-primary: #e5e2f0; --text-secondary: rgba(229, 226, 240, 0.6); --text-hint: rgba(229, 226, 240, 0.35); --text-inverse: #0e0c1a; /* Accent (purple) */ --accent: #7F77DD; --accent-hover: #9188e8; --accent-dim: rgba(127, 119, 221, 0.15); --accent-border: rgba(127, 119, 221, 0.35); --accent-text: #c8c3f0; /* Success (teal) */ --success: #5DCAA5; --success-dim: rgba(93, 202, 165, 0.15); --success-border: rgba(93, 202, 165, 0.3); --success-text: #9fe1cb; /* Warning (amber) */ --warning: #EF9F27; --warning-dim: rgba(239, 159, 39, 0.15); --warning-border: rgba(239, 159, 39, 0.3); --warning-text: #fac775; /* Danger (red) */ --danger: #E24B4A; --danger-dim: rgba(226, 75, 74, 0.15); --danger-border: rgba(226, 75, 74, 0.3); --danger-text: #f09595; /* Navigation */ --nav-bg: rgba(10, 9, 20, 0.88); --nav-border: rgba(255, 255, 255, 0.08); --nav-active: #7F77DD; --nav-inactive: rgba(229, 226, 240, 0.35); /* Scrollbar */ --scrollbar-track: #131120; --scrollbar-thumb: rgba(127, 119, 221, 0.3); }