/* ============================================================ LAYER 4 — THEME: BREEZE Clean blue and white by default, deep navy in dark mode. Auto-switches via prefers-color-scheme. Force mode: ============================================================ */ /* ── Light mode (default) ── */ :root { --color-bg: #ffffff; --color-bg-secondary: #e8f0fe; --color-text: #1a1a2e; --color-text-secondary: #5f6b7a; --color-link: #1a73e8; --color-secondary: #7c3aed; --color-secondary-accent: #7c3aed0d; --color-accent: #1a73e812; --color-shadow: #c5d8f7; --color-scrollbar: #a8c4f0; --color-table: #1a73e8; --color-button-text: #ffffff; --border-radius: 6px; } /* ── Force light override (for OS dark mode users) ── */ :root[data-theme-mode="light"] { --color-bg: #ffffff; --color-bg-secondary: #e8f0fe; --color-text: #1a1a2e; --color-text-secondary: #5f6b7a; --color-link: #1a73e8; --color-secondary: #7c3aed; --color-secondary-accent: #7c3aed0d; --color-accent: #1a73e812; --color-shadow: #c5d8f7; --color-scrollbar: #a8c4f0; --color-table: #1a73e8; --border-radius: 6px; } :root[data-theme-mode="dark"] { --color-bg: #0f172a; --color-bg-secondary: #1e293b; --color-text: #e2e8f0; --color-text-secondary: #94a3b8; --color-link: #60a5fa; --color-secondary: #a78bfa; --color-secondary-accent: #a78bfa15; --color-accent: #60a5fa14; --color-shadow: #00000044; --color-scrollbar: #334155; --color-table: #3b82f6; --border-radius: 6px; }