/* Dark mode: chrome only — per-aesthetic detail pages keep their own fixed period palettes. Toggled via data-theme on , persisted to localStorage as `va-theme` (shared key with the vertical sites). */ html[data-theme="dark"] { --paper: #131318; --ink: #ECECF2; --ink-soft: #A2A2AE; --hairline: #2B2B33; --card-bg: #1C1C22; } html[data-theme="dark"] .card { box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5); } html[data-theme="dark"] .tl-dot { border-color: rgba(255, 255, 255, 0.3); } .theme-toggle { background: none; border: 1px solid var(--hairline); border-radius: 999px; color: var(--ink-soft); font-family: var(--font-mono); font-size: 0.78rem; padding: 0.25rem 0.7rem; line-height: 1; } .theme-toggle:hover { color: var(--ink); border-color: var(--ink-soft); }