/* ========================================================================= * v5.0 Sprint 5 — Dark mode token overrides * Activated via [data-theme="dark"] on * =======================================================================*/ [data-theme="dark"] { --color-text-1: #f1f5f9; --color-text-2: #cbd5e1; --color-text-3: #94a3b8; --color-text-4: #64748b; --color-border: #334155; --color-bg-1: #0f172a; --color-bg-2: #1e293b; --color-bg-3: #334155; --color-primary-50: #1e3a5f; --color-primary-100: #1e40af; } [data-theme="dark"] body { background: var(--color-bg-2); color: var(--color-text-1) } [data-theme="dark"] .sp4-kpi-card, [data-theme="dark"] .stat-card { background: var(--color-bg-1); color: var(--color-text-1) } [data-theme="dark"] .form-control { background: var(--color-bg-1); color: var(--color-text-1); border-color: var(--color-border) } [data-theme="dark"] table { color: var(--color-text-1) } [data-theme="dark"] .sp4-h1, [data-theme="dark"] .sp4-h2, [data-theme="dark"] .sp4-h3 { color: var(--color-text-1) } [data-theme="dark"] .sp4-muted { color: var(--color-text-3) } [data-theme="dark"] .badge-secondary { background: var(--color-bg-3); color: var(--color-text-1) }