/* ─── light.css — Light mode colour tokens ─────────────────────────────────── Applied when ────────────────────────────────────────────────────────────────────────────── */ [data-theme="light"] { /* Backgrounds */ --bg-page: #f5f4fe; --bg-mid: #eeecfb; --bg-surface: #e8e6f8; --bg-card: rgba(255, 255, 255, 0.78); --bg-card-hover: rgba(255, 255, 255, 0.95); --bg-input: rgba(255, 255, 255, 0.9); --bg-overlay: rgba(30, 26, 60, 0.45); /* Borders */ --border-subtle: rgba(127, 119, 221, 0.1); --border-base: rgba(127, 119, 221, 0.18); --border-strong: rgba(127, 119, 221, 0.3); --border-accent: rgba(83, 74, 183, 0.3); /* Text */ --text-primary: #1a1730; --text-secondary: rgba(26, 23, 48, 0.58); --text-hint: rgba(26, 23, 48, 0.35); --text-inverse: #f5f4fe; /* Accent (purple) */ --accent: #534AB7; --accent-hover: #4239a0; --accent-dim: rgba(83, 74, 183, 0.1); --accent-border: rgba(83, 74, 183, 0.25); --accent-text: #534AB7; /* Success (teal) */ --success: #0F6E56; --success-dim: rgba(15, 110, 86, 0.1); --success-border: rgba(15, 110, 86, 0.2); --success-text: #0F6E56; /* Warning (amber) */ --warning: #854F0B; --warning-dim: rgba(133, 79, 11, 0.1); --warning-border: rgba(133, 79, 11, 0.2); --warning-text: #854F0B; /* Danger (red) */ --danger: #A32D2D; --danger-dim: rgba(163, 45, 45, 0.1); --danger-border: rgba(163, 45, 45, 0.2); --danger-text: #A32D2D; /* Navigation */ --nav-bg: rgba(245, 244, 254, 0.92); --nav-border: rgba(127, 119, 221, 0.15); --nav-active: #534AB7; --nav-inactive: rgba(26, 23, 48, 0.38); /* Scrollbar */ --scrollbar-track: #eeecfb; --scrollbar-thumb: rgba(83, 74, 183, 0.25); }