/* ========================================================================== Compendium Reader — Material Design 3 dark theme overrides Activated via [data-bs-theme="dark"] on , set by js/theme.js ========================================================================== */ html[data-bs-theme="dark"] { color-scheme: dark; --md-primary: #a8c8fa; --md-primary-hover: #c9dcfd; --md-on-primary: #00315e; --md-primary-container: #1f4a80; --md-on-primary-container: #d3e3fd; --md-background: #121317; --md-surface: #1e2025; --md-surface-variant: #2b2d33; --md-on-surface: #e3e2e6; --md-on-surface-variant: #c5c6d0; --md-outline: #8f9099; --md-outline-variant: #43474e; --md-elevation-1: 0 1px 2px rgba(0, 0, 0, 0.35), 0 1px 3px rgba(0, 0, 0, 0.30); --md-elevation-2: 0 2px 6px rgba(0, 0, 0, 0.40), 0 4px 12px rgba(0, 0, 0, 0.30); --md-elevation-3: 0 4px 14px rgba(0, 0, 0, 0.45), 0 8px 26px rgba(0, 0, 0, 0.35); } html[data-bs-theme="dark"] .page-image { background: #ffffff; } html[data-bs-theme="dark"] .md-loader { border-color: var(--md-primary-container); border-top-color: var(--md-primary); }