/* ════════════════════════════════════════════════ verkaf.lu — Dark Mode Overrides Applied when Smooth transition on all colour properties ════════════════════════════════════════════════ */ *, *::before, *::after { transition: background-color 0.35s ease, border-color 0.35s ease, color 0.35s ease, box-shadow 0.35s ease; } /* ── TOGGLE BUTTON (topbar) ── */ .vkf-theme-btn { background: rgba(255,255,255,0.13); border: 1px solid rgba(255,255,255,0.18); border-radius: 8px; padding: 5px 10px; font-size: 15px; cursor: pointer; line-height: 1; transition: background 0.15s; flex-shrink: 0; } .vkf-theme-btn:hover { background: rgba(255,255,255,0.22); } /* ════════ CSS VARIABLE OVERRIDES ════════ html[data-theme="dark"] has specificity (0,1,1) which beats :root (0,1,0) so these variables always win even though dark.css loads before