/* Dark theme — activated by [data-theme="dark"] on . */ [data-theme="dark"] { --page: #0E151C; --card: #16202A; --ink: #E6ECF1; --muted: #9AA7B2; --line: #27333E; --primary-soft: #13311F; --accent-soft: #38300C; } [data-theme="dark"] body { background: var(--page); color: var(--ink); } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5 { color: #F1F5F8; } [data-theme="dark"] .section.alt { background: #121C25; } [data-theme="dark"] .site-header { background: rgba(14,21,28,.95); border-bottom-color: var(--line); } [data-theme="dark"] .navbar .nav-link { color: var(--ink); } [data-theme="dark"] .ds-card, [data-theme="dark"] .pkg-card, [data-theme="dark"] .form-card, [data-theme="dark"] .form-control, [data-theme="dark"] .form-select { background: var(--card); border-color: var(--line); color: var(--ink); } [data-theme="dark"] .lang-toggle, [data-theme="dark"] .theme-toggle { background: var(--card); border-color: var(--line); color: var(--ink); } [data-theme="dark"] .text-muted { color: var(--muted) !important; } [data-theme="dark"] .bg-soft { background: var(--primary-soft); }