/* ============================================================ * force-light.css — Lock the entire PODSAI site into light mode. * Neutralizes any dark theme triggers across pages. * ============================================================ */ /* 1. Disable @media (prefers-color-scheme: dark) overrides. * Pages guard their dark media rule with :root:not([data-theme]), * so setting [data-theme="light"] on already disables it. * This is a defensive belt-and-suspenders override: * we re-apply light variables at the highest specificity. */ :root, :root[data-theme], :root[data-theme='dark'], :root[data-theme='light'], html[data-theme='dark'], html[data-theme='light'] { color-scheme: light !important; } /* 2. Hide every theme toggle button so dark mode cannot be re-enabled. */ .theme-toggle, [data-theme-toggle], button.theme-toggle, .header-theme-toggle, .dark-mode-toggle, #themeToggle, #theme-toggle { display: none !important; visibility: hidden !important; pointer-events: none !important; }