/* One page surface per theme. Depth comes from a shared panel tone, not a new
   palette at every section. All values are sRGB. */
:root {
  color-scheme:light;
  --bg:#f5f5f2; --surface:#e9edeb; --surface-hover:#dce3df;
  --fg:#20292e; --fg-2:#46565f; --fg-3:#55666e;
  --line:#c6cfcc; --line-2:#778780; --accent:#91502f;
  --selected:#dce3df; --selected-text:#20292e;
  --action:#273940; --action-text:#f5f5f2;
  --diagram-line:#657a83; --diagram-box:#e2e8e5;
  --diagram-structure:#426b82; --diagram-signal:#267365;
  --logo-ink:#102d53;
  --art-ink:#23343d; --art-paper:#f5f5f2; --art-soft:#e2e8e4;
  --art-mid:#c6d1cc; --art-line:#7c8c89; --art-accent:#91502f;
  --signal:var(--accent); --metal:var(--fg-3);
}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#151a1e; --surface:#20272c; --surface-hover:#303a40;
  --fg:#edf0ed; --fg-2:#bcc7ca; --fg-3:#aab9bd;
  --line:#3c494e; --line-2:#7a8b91; --accent:#e4ad86;
  --selected:#303a40; --selected-text:#edf0ed;
  --action:#e4ebe7; --action-text:#20292e;
  --diagram-line:#8ea6af; --diagram-box:#242f35;
  --diagram-structure:#b4cfe0; --diagram-signal:#88cdb6;
  --logo-ink:#ffffff;
  --art-ink:#dce5e0; --art-paper:#20272c; --art-soft:#35413f;
  --art-mid:#52625d; --art-line:#869a91; --art-accent:#e4ad86;
}
html,body,.hero,.chapter,.new-footer,.menu {background:var(--bg);color:var(--fg)}
.hero-bg {background:none}
.hero-grid {background-image:linear-gradient(to right,var(--line) 1px,transparent 1px);border-color:var(--line)}
.hero-eyebrow,.hero .lede,.hero-h .hero-second,.hero-foot,.scope .lab {color:var(--fg-2)}
.hero-eyebrow .tick {background:var(--accent)}
.hero-figure-meta,.hero-figure-meta .concept,.hero-foot .scope .mono,.hero-foot .scroll-cue,
.hero-hint,.hero-reset,.hero-status,.hero-orbit>span,.hero-orbit button {color:var(--fg-2)}
.hero-hint {background:var(--surface)}
.hero-hint:before {color:var(--fg)}
.hero-foot,.new-footer>.wrap {border-color:var(--line)}
.scroll-cue i {background:linear-gradient(var(--fg-2),transparent)}
.assembly-control {background:var(--surface);border-color:var(--line-2)}
.assembly-control button {color:var(--fg-2)}
.assembly-control button[aria-pressed="true"],.segmented button[aria-pressed="true"] {background:var(--action);color:var(--action-text)}
.hero .btn-solid {background:var(--action);color:var(--action-text);border-color:var(--action)}
.hero .btn-solid:hover {background:var(--fg);color:var(--bg);border-color:var(--fg)}
.btn-ghost,.orbit-controls button,.hero-orbit button,.illustration-toggle {border-color:var(--line-2)}
.orbit-controls button:hover,.illustration-toggle:hover,.theme-toggle:hover {background:var(--surface-hover)}
.nav,.nav.is-compact,.nav.menu-open {background:var(--bg);color:var(--fg);box-shadow:0 1px 0 var(--line);backdrop-filter:none;-webkit-backdrop-filter:none;transition:height .45s var(--ease)}
.btn,.assembly-control button {transition:transform .25s var(--ease)}
.brand-art,.brand-symbol {color:var(--logo-ink)}
.nav .brand-art {width:220px}
.nav.is-compact .brand-art {width:200px}
.nav-in {gap:20px}
.nav-right {gap:12px;flex:none}
.nav-links {gap:clamp(14px,1.4vw,24px)}
.theme-toggle {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:9px 12px;border:1px solid var(--line-2);border-radius:3px;background:var(--bg);color:var(--fg);font:500 13px/1.4 var(--f-sans);cursor:pointer;flex:none}
.theme-toggle[hidden] {display:none}
.theme-toggle svg {width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.theme-sun {display:none}
[data-theme="dark"] .theme-sun {display:block}
[data-theme="dark"] .theme-moon {display:none}
.menu-links a {border-color:var(--line)}
.menu-links a .mono,.menu-foot .lab {color:var(--fg-3)}
.product-tabs button[aria-selected="true"] {background:var(--selected);color:var(--selected-text);border-left-color:var(--accent)}
.product-tabs button[aria-selected="true"]>span {color:var(--selected-text)}
.path-selector button[aria-pressed="true"] {color:var(--accent);border-top-color:var(--accent)}
.engineering-tabs button[aria-selected="true"],.application-tabs button[aria-selected="true"] {border-color:var(--accent)}
.cad-stage,.application-stage {background:none}
.engineering-chart {background:var(--surface)}
.section-drawing svg text,.engineering-chart svg text {fill:var(--fg-2)}
.diagram-scroll,.engineering-chart {scrollbar-color:var(--line-2) var(--surface)}
.drawing-legend span:nth-child(1) i {background:var(--accent)}
.drawing-legend span:nth-child(2) i {background:var(--diagram-structure)}
.drawing-legend span:nth-child(3) i {background:var(--diagram-signal)}
.lane-operations button {background:var(--surface)}
.lane-operations button[aria-pressed="true"] {background:var(--action);color:var(--action-text);border-color:var(--action)}
.lane-operations button[aria-pressed="true"]>span {color:var(--action-text)}
.merge-operations .lane-name span,.process-step-number,.manufacturing-map .process-step-number,
.platform-step>span,.platform-statement>p span,.application-copy .application-families,.people-cta span {color:var(--accent)}
.platform-step .stack-interfaces {color:var(--fg-3)}
.company-principle {background:var(--surface);border-left:2px solid var(--accent)}
.people-portrait {border-color:var(--line)}
.people-scene {background:var(--art-paper);color:var(--art-ink)}
.people-portrait figcaption {background:var(--surface);color:var(--fg-2)}
.new-footer {color:var(--fg-2)}
:focus-visible {outline:3px solid var(--accent);outline-offset:4px}
::selection {background:var(--action);color:var(--action-text)}
.credits-page {margin:0;padding:32px 24px 80px;font:16px/1.75 var(--f-sans)}
.credits-page main,.credits-page nav {max-width:800px;margin:auto}
.credits-page nav {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.credits-page nav a {display:inline-flex;align-items:center;min-height:44px}
.credits-page h1 {font-size:clamp(32px,5vw,50px);line-height:1.15;letter-spacing:-.03em}
.credits-page h2 {font-size:24px;margin-top:40px}
.credits-page a {color:var(--fg);text-underline-offset:4px}
.credits-page li {margin:12px 0}
.credits-page code {font-size:14px;overflow-wrap:anywhere}
@media(max-width:1240px) {.nav-links,.nav-cta{display:none}.burger{display:flex}.nav .brand-art{width:220px}}
@media(max-width:820px) {.manufacturing-map .process-inspector{background:var(--surface);border-left-color:var(--accent)}}
@media(max-width:480px) {.nav .brand-art,.nav.is-compact .brand-art{width:170px}.nav-in{gap:12px}.nav-right{gap:6px}.theme-toggle{padding:9px}.nav .theme-label{display:none}.burger{width:44px;margin-right:0}}
@media(max-width:350px) {.nav .brand-art,.nav.is-compact .brand-art{width:150px}.nav-in{gap:8px}.nav-right{gap:4px}}
@media(forced-colors:active) {.theme-toggle,.orbit-controls button,.illustration-toggle{border:1px solid ButtonText}.theme-toggle svg{stroke:ButtonText}}