/* Blue Bridge Logic — dusk variant (dark mode that feels like dusk in the valley, never a hacker terminal). Apply data-theme="dusk" to or a section. */ [data-theme="dusk"] { --surface-page: #1C2834; --surface-card: #24323F; --surface-sunken: #18232E; --surface-tint: #243A4C; --surface-dusk: #16222E; --text-body: #EFEBE2; /* warm paper, not pure white */ --text-secondary: #C2CBD3; --text-muted: #98A4AE; --text-inverse: #25303B; --text-link: #9BBBD4; --text-accent: #DCB465; --border-subtle: rgba(250, 248, 243, 0.10); --border-line: rgba(250, 248, 243, 0.16); --border-strong: rgba(250, 248, 243, 0.26); --action-primary: #4C7494; --action-primary-hover: #5D86A6; --action-primary-press: #3B5E7C; --action-accent: #CE9D45; --action-accent-hover: #DCB465; --focus-ring: #7BA0B0; --status-success: #8FBC9B; --status-success-bg: #243831; --status-warn: #D9B36A; --status-warn-bg: #38301F; --status-error: #D98D7C; --status-error-bg: #3D2823; --span-color: #4C7494; --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.25); --shadow-2: 0 2px 6px rgba(0, 0, 0, 0.2), 0 10px 28px rgba(0, 0, 0, 0.3); --shadow-3: 0 4px 12px rgba(0, 0, 0, 0.25), 0 20px 48px rgba(0, 0, 0, 0.35); }