/* The layout and media stay the same; the control swaps the V4 color palette. */
.nav-controls{display:flex;align-items:center;gap:18px;flex-shrink:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:10px;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text)}
.theme-toggle[hidden]{display:none}
.theme-toggle:hover{color:var(--accent);border-color:var(--accent)}
.theme-toggle svg{width:22px;height:22px}
.theme-moon{display:none}
:root[data-theme="light"] .theme-sun{display:none}
:root[data-theme="light"] .theme-moon{display:block}
@media(min-width:1151px) and (max-width:1320px){nav{gap:16px;padding-inline:24px}.navl{gap:14px}.nav-actions,.nav-controls{gap:14px}}
@media(max-width:760px){nav{gap:12px}.nav-controls{gap:10px}}

:root[data-theme="light"]{
  color-scheme:light;
  --bg:#f7f9fc;
  --bg2:#edf3f9;
  --text:#172b43;
  --muted:#475d76;
  --hi:#293f59;
  --accent:#ad4e08;
  --accent2:#175d9d;
  --border:#c9d6e4;
  --orange:#f29a30;
  --navy:#e7eff8;
}
:root[data-theme="light"] nav{background:#f7f9fcf2;border-color:var(--border)}
:root[data-theme="light"] .mobile-menu{background:var(--bg)}
:root[data-theme="light"] :is(.btn-p,.navbtn,.skip-link){background:var(--orange);border-color:var(--orange);color:#142235}
:root[data-theme="light"] :is(.btn-p,.navbtn):hover{background:#ffb252;border-color:#ffb252;color:#142235}
:root[data-theme="light"] .immersive-hero{background:var(--bg)}
:root[data-theme="light"] .hero-bg{background-color:var(--bg)}
:root[data-theme="light"] .hero-shade{background:linear-gradient(90deg,#f7f9fc 0%,#f7f9fcf7 23%,#f7f9fce0 40%,#f7f9fc45 68%,#f7f9fc10),linear-gradient(0deg,#f7f9fc,transparent 30%,transparent 80%,#f7f9fc30)}
:root[data-theme="light"] .immersive-hero h1{text-shadow:none}
:root[data-theme="light"] :is(.immersive-hero .tag,.hero-facts,.hero-bottomline,.motion-toggle){color:var(--hi)}
:root[data-theme="light"] :is(.hero-bottomline,.motion-toggle,.hero-github){border-color:#7088a2}
:root[data-theme="light"] .dark-secondary{background:linear-gradient(90deg,#f7f9fcf5,#f7f9fcd9),url('mootx01_desktop.webp') center 43%/cover}
:root[data-theme="light"] .feature-art{background:linear-gradient(90deg,#f7f9fc50,#f7f9fc10,#f7f9fc50),url('desktop-hero3.webp') center 55%/cover;border-color:var(--border)}
:root[data-theme="light"] :is(.agent-memory-chapter,.fulcrum-dock-chapter,.aria-section,.access,.one-system,.feature-index){background:var(--bg2);border-color:var(--border)}
:root[data-theme="light"] .feature-chapter:nth-of-type(even){background:var(--bg2)}
:root[data-theme="light"] .feature-close{background:#e3edf8;border-color:var(--border)}
:root[data-theme="light"] .benchmark-chapter{background:linear-gradient(120deg,#e8f1fb,#f0f5fb);border-color:var(--border)}
:root[data-theme="light"] .ownership-chapter{background:radial-gradient(ellipse at 0 100%,#ff951a0d,transparent 60%),var(--bg);border-color:var(--border)}
:root[data-theme="light"] #license{background:var(--bg2);border-color:var(--border)}
:root[data-theme="light"] .install-index{background:radial-gradient(ellipse at 10% 0,#3ab4ff0a,transparent 60%),var(--bg)}
:root[data-theme="light"] footer{background:var(--bg)}
:root[data-theme="light"] #playback{--text:#172b43;--hi:#293f59;--muted:#475d76;--accent2:#175d9d;color:var(--text)}
:root[data-theme="light"] .play-frame{border-color:var(--border)}
:root[data-theme="light"] :is(.film-heading,.film-caption){background:var(--bg2);color:var(--hi)}
:root[data-theme="light"] :is(.benchmark-table caption,.benchmark-table thead th,.fcopy){color:var(--muted)}
:root[data-theme="light"] .preview-note{color:var(--accent)}
:root[data-theme="light"] .lic-tier{color:var(--accent2)}
:root[data-theme="light"] :is(.integration-overview li,.integration-mode,.benchmark-mast,.benchmark-table th,.benchmark-table td,.methodology,.edition-item,.edition-assurance,.feature-ledger>div,.vault-directions span,.agent-command,.lic){border-color:var(--border)}
:root[data-theme="light"] .agent-command button{border-color:#819bb5}
:root[data-theme="light"] .agent-command button:is(:hover,.copied){background:var(--accent2);border-color:var(--accent2);color:#fff}
:root[data-theme="light"] :is(.modal-box,.command-dialog){background:var(--bg);color:var(--text)}
:root[data-theme="light"] :is(.modal-close,.command-dialog textarea){background:var(--bg2);color:var(--text)}
:root[data-theme="light"] .copy-status{background:#e3edf8;color:var(--text);border-color:#819bb5}
@media(max-width:760px){
  :root[data-theme="light"] .hero-shade{background:linear-gradient(180deg,#f7f9fc 0,#f7f9fc 28%,#f7f9fcef 48%,#f7f9fc20 78%,#f7f9fc 100%)}
}