/* ── THEME TOKENS ───────────────────────────────────────────────────────────── Dark is the default. Light overrides by adding class="light" on . All colours in app.css must use these variables — no hardcoded hex. ───────────────────────────────────────────────────────────────────────── */ :root { /* Surfaces */ --bg: #0a0a0a; --surface: #111111; --surface2: #161616; /* Borders */ --border: #1e1e1e; --border2: #2a2a2a; /* Text */ --text: #e0e0e0; --text-strong: #ffffff; --dim: #666666; --dimmer: #333333; /* Accent (blue) */ --accent: #4f9cf9; --accent-dim: #1a3a5c; --accent-glow: rgba(79, 156, 249, 0.15); /* Semantic colours */ --green: #3ecf8e; --green-dim: rgba(62, 207, 142, 0.10); --red: #f87171; --yellow: #fbbf24; /* Prompt section highlight bands */ --hl-role: rgba(168, 85, 247, 0.15); --hl-role-b: #a855f7; --hl-role-text: #c084fc; --hl-task: rgba(79, 156, 249, 0.15); --hl-task-b: #4f9cf9; --hl-task-text: #4f9cf9; --hl-con: rgba(251, 191, 36, 0.12); --hl-con-b: #fbbf24; --hl-con-text: #fbbf24; --hl-fmt: rgba(62, 207, 142, 0.12); --hl-fmt-b: #3ecf8e; --hl-fmt-text: #3ecf8e; --hl-ex: rgba(248, 113, 113, 0.12); --hl-ex-b: #f87171; --hl-ex-text: #f87171; /* Chat */ --msg-user-text: #c5d8ff; /* Toast */ --toast-bg: #ffffff; --toast-text: #000000; } /* ── LIGHT THEME ──────────────────────────────────────────────────────────── */ html.light { --bg: #f6f6f7; --surface: #ffffff; --surface2: #f0f0f2; --border: #e4e4e7; --border2: #d4d4d8; --text: #18181b; --text-strong: #09090b; --dim: #71717a; --dimmer: #d4d4d8; --accent: #2563eb; --accent-dim: #eff6ff; --accent-glow: rgba(37, 99, 235, 0.08); --green: #16a34a; --green-dim: rgba(22, 163, 74, 0.08); --red: #dc2626; --yellow: #d97706; --hl-role: rgba(147, 51, 234, 0.07); --hl-role-b: #9333ea; --hl-role-text: #7c3aed; --hl-task: rgba(37, 99, 235, 0.07); --hl-task-b: #2563eb; --hl-task-text: #1d4ed8; --hl-con: rgba(217, 119, 6, 0.07); --hl-con-b: #d97706; --hl-con-text: #b45309; --hl-fmt: rgba(22, 163, 74, 0.07); --hl-fmt-b: #16a34a; --hl-fmt-text: #15803d; --hl-ex: rgba(220, 38, 38, 0.07); --hl-ex-b: #dc2626; --hl-ex-text: #b91c1c; --msg-user-text: #1e40af; --toast-bg: #18181b; --toast-text: #f4f4f5; }