/* One coordinated scene per theme: no negative/invert filters, dark rectangle,
   or canvas opacity trick. The renderer supplies its own light material. */
:root{--hero-ink:#f2f2ed;--hero-muted:#b5c2cd;--scene-surface:#0e172bab;--scene-border:#9baec22c;--scene-quiet:#a9b6bd}
:root[data-theme="light"]{--hero-ink:#253836;--hero-muted:#526b69;--scene-surface:#fafdfbbb;--scene-border:#466d6b29;--scene-quiet:#526b69;--bg:#f5f4ef;--header:rgba(249,249,244,.9)}
.hero,.hero h1,.hero h1 em,.hero-english,.hero-description,.hero-eyebrow,.site-header,.motion-toolbar,.motion-hint,.hero-bottom{transition:color .4s ease,background-color .4s ease,border-color .4s ease}
:root[data-theme="light"] .hero{background:#f5f4ef;color:var(--hero-ink)}
:root[data-theme="light"] .hero h1,:root[data-theme="light"] .hero h1 em{color:var(--hero-ink);text-shadow:none}
:root[data-theme="light"] .hero-english{color:var(--hero-muted)}
:root[data-theme="light"] .hero-description{color:var(--hero-muted)}
:root[data-theme="light"] .hero-eyebrow{color:var(--scene-quiet)}
:root[data-theme="light"] .hero-eyebrow>span{background:color-mix(in srgb,var(--accent) 28%,transparent)}
:root[data-theme="light"] .site-header{color:var(--ink);border-bottom-color:#42666017}
:root[data-theme="light"] .site-header .preview-badge{opacity:.75;border-color:var(--scene-border)}
:root[data-theme="light"] .header-actions .icon-button{border-color:var(--scene-border);background:#ffffff45}
:root[data-theme="light"] .hero-bottom,:root[data-theme="light"] .hero-bottom a,:root[data-theme="light"] .hero-bottom>span:last-child{color:var(--hero-muted)}
:root[data-theme="light"][data-motion-palette] .hero .button-light{background:var(--button);border-color:var(--button);color:var(--button-ink);box-shadow:0 6px 21px #2c4d4820}
:root[data-theme="light"][data-motion-palette] .hero .button-light:hover{background:color-mix(in srgb,var(--button) 87%,black);color:var(--button-ink)}
:root[data-theme="light"] .hero .button-glass{background:#ffffff99;color:var(--ink);border-color:var(--scene-border);box-shadow:0 4px 16px #46605c09}
:root[data-theme="light"] .hero .button-glass:hover{background:#fff;border-color:var(--accent)}
:root[data-theme="light"] .hero .motion-toolbar{background:var(--scene-surface);border-color:var(--scene-border);box-shadow:0 3px 15px #2b484d06;color:var(--hero-ink)}
:root[data-theme="light"] .motion-toolbar-caption,:root[data-theme="light"] .motion-palette-button,:root[data-theme="light"] .motion-toggle,:root[data-theme="light"] .hero .motion-hint{color:var(--scene-quiet)}
:root[data-theme="light"] .motion-palette-button[aria-pressed="true"]{color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,white);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
:root[data-theme="light"] .motion-palette-button:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}
:root[data-theme="light"] .motion-toggle{border-left-color:var(--scene-border)}
:root[data-theme="light"] .motion-toggle:hover{color:var(--ink)}
:root[data-theme="light"] .motion-toggle-indicator{border-color:color-mix(in srgb,var(--accent) 50%,transparent)}
:root[data-theme="light"] .motion-toggle-indicator::after{background:var(--accent)}
:root[data-theme="light"] .liquid-static-field{background:radial-gradient(ellipse at 10% 67%,#7bc1c134,transparent 54%),radial-gradient(ellipse at 95% 50%,#b9a3d236,transparent 59%),radial-gradient(ellipse at 55% 88%,#89b5dc29,transparent 56%),#f5f4ef}
:root[data-theme="light"] .hero-grain{opacity:.018}
:root[data-theme="light"] .hero .motion-cursor{border-color:var(--accent)}
:root[data-theme="light"] dialog::backdrop{background:#2a38396e;backdrop-filter:blur(10px)}
:root[data-theme="light"] .site-footer{background:#f0efea}
:root[data-motion-enabled="false"] .hero,:root[data-motion-enabled="false"] .site-header{transition:none}
.theme-toggle .theme-moon{display:none}:root[data-theme="light"] .theme-toggle .theme-sun{display:none}:root[data-theme="light"] .theme-toggle .theme-moon{display:block}
@media(prefers-reduced-motion:reduce){.hero,.hero *,.site-header{transition:none!important}}