/* Header geometry and service bands keep their own design systems. */
html[data-site-theme="light"]{color-scheme:light}
html[data-site-theme="dark"]{--paper:#080a08;--ink:#f2f4ec;--muted:#a6ada2;--line:#2b3428;--soft:#161d13;color-scheme:dark}
#themeToggle .theme-sun{display:none}
#themeToggle .theme-moon{display:block}
html[data-site-theme="dark"] #themeToggle .theme-sun{display:block}
html[data-site-theme="dark"] #themeToggle .theme-moon{display:none}
:where(body,.hero,.section-intro,.process-section,.faq-section,.contact-section,.site-footer,.project-preview,.project-info,.hero-watch,.faq-item,.faq-answer,.process-tabs>button,.process-context){transition:background-color .32s ease,color .32s ease,border-color .32s ease}
.footer-wordmark img{transition:filter .32s ease}
html[data-site-theme="dark"] .footer-wordmark img{filter:brightness(0) invert(1)}
/* Keep the fixed light illustrations and dialogs readable inside a dark page. */
html[data-site-theme="dark"] .service-panel,html[data-site-theme="dark"] .process-visual,html[data-site-theme="dark"] dialog{--paper:#fff;--ink:#1d2119;--muted:#74786f;--line:#e4e6df;--soft:#f6f7f3;color-scheme:light}
html[data-site-theme="dark"] dialog{background:#fff;color:#1d2119}
html[data-site-theme="dark"] dialog .dialog-header{background:#fff;color:#1d2119}
html[data-site-theme="dark"] .process-visual{background:#fafbf8;color:#1d2119}
html[data-site-theme="dark"] .hero .tile-paper,html[data-site-theme="dark"] .hero .tile-lime{color:#1d2119;--ink:#1d2119}
html[data-site-theme="dark"] .hero-tags span{background:#fff;color:#1d2119;border-color:#dce2d3}
html[data-site-theme="dark"] .hero-watch{color:var(--muted)}
html[data-site-theme="dark"] .hero-watch .play-dot{border-color:#45533c}
html[data-site-theme="dark"] .primary-button,html[data-site-theme="dark"] .skip-link,html[data-site-theme="dark"] .quick-contact>i{color:#1d2119}
html[data-site-theme="dark"] .quick-contact{box-shadow:0 6px 25px #0004,0 0 0 1px #4b573c}
html[data-site-theme="dark"] .project-preview{background:var(--soft);border-color:var(--line)}
html[data-site-theme="dark"] .project-preview:before,html[data-site-theme="dark"] .project-preview:after{background:#293322}
html[data-site-theme="dark"] .project-preview>.icon{background:var(--soft);color:#8a9a79}
html[data-site-theme="dark"] .project-number,html[data-site-theme="dark"] .project-cross{color:#91a17f}
html[data-site-theme="dark"] .project-info{color:var(--ink)}
html[data-site-theme="dark"] .project-info small{color:#c3dc82;border-color:#3e512b}
html[data-site-theme="dark"] .footer-bottom{color:var(--muted)}
html[data-site-theme="dark"] ::selection{background:#ddfb4d;color:#1d2119}
@media(prefers-reduced-motion:reduce){:where(body,.hero,.section-intro,.process-section,.faq-section,.contact-section,.site-footer,.project-preview,.project-info,.hero-watch,.faq-item,.faq-answer,.process-tabs>button,.process-context,.footer-wordmark img){transition:none!important}}