/* Shared opt-in theme extension for the existing .site-nav. Geometry/behaviour
 * still come from sync-standalone-navigation.cjs. Figma 47:4688 / 47:4725 / 47:4731. */
[data-theme-page]{color-scheme:light}
[data-theme-page][data-theme="dark"]{color-scheme:dark}
.site-nav .nav-logo .theme-logo-dark,.theme-image-dark{display:none}
[data-theme="dark"] .site-nav .nav-logo>img:not(.theme-logo-dark),[data-theme="dark"] .theme-image-light{display:none}
[data-theme="dark"] .site-nav .nav-logo .theme-logo-dark,[data-theme="dark"] .theme-image-dark{display:block}
[data-theme="dark"] .modern-nav.nav-shell.site-nav{background:#efefed;color:#173300;box-shadow:0 18px 50px rgb(0 0 0 / 16%)}
[data-theme="dark"] .modern-nav.site-nav .nav-links{background:rgb(23 51 0 / 5%);border-color:rgb(23 51 0 / 9%)}
[data-theme="dark"] .modern-nav.site-nav .nav-link{color:#173300}
[data-theme="dark"] .modern-nav.site-nav .nav-toggle{background-color:#173300;background-image:url('/assets/web-theme/menu-dark.svg');background-size:24px 24px}
[data-theme="dark"] .modern-nav.site-nav.is-open .nav-toggle{background-image:none}
[data-theme="dark"] .modern-nav.site-nav.is-open .nav-toggle span{background:#efefed}
[data-theme="dark"] .modern-nav.nav-shell.site-nav.is-scroll-split{background:transparent;box-shadow:none}
[data-theme="dark"] .modern-nav.site-nav.is-scroll-split .nav-logo,[data-theme="dark"] .modern-nav.site-nav.is-scroll-split .site-nav__actions{background:#efefed}
[data-theme="dark"] .modern-nav.site-nav.is-open .nav-links{background:#efefed}
[data-theme="dark"] .site-nav :is(a,button):focus-visible{outline-color:#648cff}
@media(max-width:900px){[data-theme="dark"] .modern-nav.nav-shell.site-nav.is-scroll-split{background:#efefed}}
.theme-toggle{position:fixed;right:20px;bottom:20px;z-index:90;display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #c9cec2;border-radius:999px;background:#efefed;color:#173300;font:400 14px/1.2 "PP Frama",Frama,Arial,sans-serif;box-shadow:0 3px 18px rgb(0 0 0 / 12%);cursor:pointer}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{background:#eaff25}
.theme-toggle:focus-visible{outline:3px solid #648cff;outline-offset:4px}
.theme-toggle-icon{width:16px;height:16px;border:2px solid currentColor;border-radius:50%;background:linear-gradient(90deg,currentColor 50%,transparent 50%)}
@media(max-width:600px){.theme-toggle{right:12px;bottom:12px;padding-inline:13px;font-size:13px}.site-footer__base{padding-bottom:96px}}
@media print{.theme-toggle{display:none}}
/* Same horizontal reveal as the design-system catalog. No DOM reconstruction. */
html[data-theme-wipe]::view-transition-old(root),
html[data-theme-wipe]::view-transition-new(root){mix-blend-mode:normal}
html[data-theme-wipe]::view-transition-old(root){animation:none;z-index:1}
html[data-theme-wipe]::view-transition-new(root){animation:site-theme-wipe-dark 300ms cubic-bezier(.22,1,.36,1) both;z-index:2}
html[data-theme-wipe="to-light"]::view-transition-new(root){animation-name:site-theme-wipe-light}
html[data-theme-wipe]::view-transition{pointer-events:none}
@keyframes site-theme-wipe-dark{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}
@keyframes site-theme-wipe-light{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){html[data-theme-wipe]::view-transition-new(root){animation:none}}