/* ═══════════════════════════════════════════════════════════════ Minerva 108 — Dark Theme Overrides Applied when . Uses high specificity + variable overrides to flip the chrome (body, cards, tables, inputs, modals, dropdowns, sidebar) without touching individual inline styles. Status badges keep their semantic pastels — they read fine on dark. ═══════════════════════════════════════════════════════════════ */ :root[data-theme="dark"] { --navy: #1A2456; --navy-dark: #131B40; --gold: #D9BE85; --gold2: #E6CFA0; --cream: #0E1322; /* page background */ --white: #1A2138; /* "card" surface */ --surface-2: #232B45; /* secondary surface (table head, input bg) */ --border: #2A3454; --border-soft: #1F2842; --text: #E2E5EC; --text-muted: #8A93AB; --text-faint: #5D6786; } /* ── Body & global text ─────────────────────────────────────── */ :root[data-theme="dark"] body { background-color: var(--cream); color: var(--text); } /* Default any unstyled

/ /

/ to light text. Inline-styled colors get specifically targeted below. */ :root[data-theme="dark"] p, :root[data-theme="dark"] span, :root[data-theme="dark"] div, :root[data-theme="dark"] li, :root[data-theme="dark"] dt, :root[data-theme="dark"] dd, :root[data-theme="dark"] small, :root[data-theme="dark"] strong, :root[data-theme="dark"] b { color: inherit; } /* ── Override hardcoded LIGHT-MODE TEXT COLORS in inline styles ── */ /* Slate/Gray scale → light variants */ :root[data-theme="dark"] [style*="color:#1f2937"], :root[data-theme="dark"] [style*="color: #1f2937"], :root[data-theme="dark"] [style*="color:#111827"], :root[data-theme="dark"] [style*="color: #111827"], :root[data-theme="dark"] [style*="color:#0f172a"], :root[data-theme="dark"] [style*="color: #0f172a"] { color: var(--text) !important; } :root[data-theme="dark"] [style*="color:#374151"], :root[data-theme="dark"] [style*="color: #374151"], :root[data-theme="dark"] [style*="color:#4b5563"], :root[data-theme="dark"] [style*="color: #4b5563"] { color: #C4CAD8 !important; } :root[data-theme="dark"] [style*="color:#6b7280"], :root[data-theme="dark"] [style*="color: #6b7280"] { color: var(--text-muted) !important; } :root[data-theme="dark"] [style*="color:#9ca3af"], :root[data-theme="dark"] [style*="color: #9ca3af"], :root[data-theme="dark"] [style*="color:#d1d5db"], :root[data-theme="dark"] [style*="color: #d1d5db"] { color: var(--text-faint) !important; } /* ── In-CSS hardcoded text colors (covers