/* Additive light surfaces; creator media and image-backed heroes stay intact. */
html[data-theme="light"] {
    --bg: #f5f7f9;
    --surface: #fff;
    --panel: #fff;
    --panel2: #edf2f6;
    --text: #19232f;
    --muted: #526173;
    --line: #b6c2ce;
    --line-strong: #8494a5;
    --red-bright: #a12e39;
    --steel: #354555;
}
html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] :is(.site-head,.footer) { background: #fff; color: var(--muted); }
html[data-theme="light"] .site-head { box-shadow: 0 3px 0 var(--red),0 8px 20px rgba(0,0,0,.1); }
html[data-theme="light"] :is(.card,.panel,.creator-card,.spoke,.empty-hub,.purpose-band,.catalog-card,.related-card,.featured-video-copy,.watch-card,.creator-showcase,.related-creator,.sequence-link,.catalog-item,.catalog-rank,.video-pill) { background: var(--panel); }
html[data-theme="light"] :is(.video-pill.current-pill,.catalog-item.current) { background: #fae6e8; color: #68151a; }
html[data-theme="light"] .video-eyebrow a:hover { color: #68151a; }
html[data-theme="light"] .account-link,
html[data-theme="light"] .quiet { background: #e7edf3; color: var(--text); }
html[data-theme="light"] :is(.form input,.form textarea,.form select,.spidertaz-search-form input) { background: #fff; color: var(--text); border-color: #8494a5; }
html[data-theme="light"] :is(input,textarea)::placeholder { color: #526173; opacity: 1; }
html[data-theme="light"] .error { background: #fff0f2; border-color: #ce8792; color: #932335; }
html[data-theme="light"] .footer-links a:hover { color: #68151a; }
html[data-theme="light"] .home-spidertaz-search h2 a { color: #165c9f; }
/* Retain white text over original dark artwork without altering the assets. */
html[data-theme="light"] :is(.hub-hero,.creator-hero) {
    color: #f4f5f6;
    --text:#f4f5f6; --muted:#c4cbd2; --steel:#d4d9de;
    --line:rgba(198,205,212,.26); --line-strong:rgba(224,229,234,.46); --red-bright:#e27a7e;
}
html[data-theme="light"] :is(.hub-hero,.creator-hero) .quiet { background: #171b20; color: #f4f5f6; }
:is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--red-bright); outline-offset: 3px; }