/* Themes change colours only. Light-mode colours and all layout rules stay intact. */
:root {color-scheme:light;}
.theme-control {position:fixed;z-index:40;left:12px;bottom:12px;display:flex;align-items:center;justify-content:center;gap:9px;min-height:34px;padding:8px 13px;border:1px solid #17212644;border-radius:100px;background:#f6f6f2f2;color:#172126;font:400 .64rem/1.5 var(--mono);cursor:pointer;box-shadow:0 3px 16px #10191e12;}
.theme-control::before {content:"";position:absolute;inset:-5px 0;border-radius:inherit;}
.theme-control:hover {border-color:var(--orange);}
.theme-control:focus-visible {outline:2px solid var(--orange);outline-offset:3px;}
.theme-sun {display:none;}
html[data-theme=dark] {color-scheme:dark;--paper:#111619;--white:#171d21;--surface:#1b2227;--ink:#f2f3ee;--muted:#b6bfc3;--line:#394248;--accent:#ffa37c;}
html[data-theme=dark] body,
html[data-theme=dark] .site-footer {background:var(--paper);color:var(--ink);}
html[data-theme=dark] .site-header,
html[data-theme=dark] .site-header.is-scrolled {background:#111619ed;}
html[data-theme=dark] .brand-logo {filter:brightness(0) invert(1);}
html[data-theme=dark] .site-nav {background:transparent;}
html[data-theme=dark] .button,
html[data-theme=dark] .round-link,
html[data-theme=dark] .site-nav .nav-contact {background:var(--ink);border-color:var(--ink);color:#111619;}
html[data-theme=dark] .button:hover,
html[data-theme=dark] .round-link:hover,
html[data-theme=dark] .site-nav .nav-contact:hover {background:#ffa37c;border-color:#ffa37c;color:#111619;}
html[data-theme=dark] .stage-overline,
html[data-theme=dark] .hero-stage .hero-aside p,
html[data-theme=dark] .intro-statement > .eyebrow,
html[data-theme=dark] .statement-note,
html[data-theme=dark] .showcase-caption .eyebrow,
html[data-theme=dark] .showcase-caption > p,
html[data-theme=dark] .engineering .section-index,
html[data-theme=dark] .engineering .standard-top .eyebrow,
html[data-theme=dark] .engineering-heading > p,
html[data-theme=dark] .standards-grid p,
html[data-theme=dark] .recruitment-intro > p:not(.eyebrow),
html[data-theme=dark] .scene-caption p {color:var(--muted);}
html[data-theme=dark] .scene-caption-index {color:var(--accent);}
html[data-theme=dark] .hero-stage .hero-discover {border-color:#75858c;}
html[data-theme=dark] .hero-stage .hero-discover:hover,
html[data-theme=dark] .hero-stage .hero-discover:hover span {background:var(--ink);color:#111619;}
html[data-theme=dark] .section-rule {background:var(--line);}
html[data-theme=dark] .engineering,
html[data-theme=dark] .principle-section {background:var(--surface);color:var(--ink);}
html[data-theme=dark] .standards-grid,
html[data-theme=dark] .standards-grid article,
html[data-theme=dark] .standards-grid article:nth-child(2),
html[data-theme=dark] .standards-grid article:nth-child(3),
html[data-theme=dark] .footer-bottom,
html[data-theme=dark] .career-facts span + span {border-color:var(--line);}
html[data-theme=dark] .metric-icon {color:#f7a879;}
html[data-theme=dark] .standards-grid article:nth-child(2) .metric-icon {color:#acbaff;}
html[data-theme=dark] .standards-grid article:nth-child(3) .metric-icon {color:#a0cbb9;}
html[data-theme=dark] .contact-strip,
html[data-theme=dark] .contact-mail,
html[data-theme=dark] .company-foundations > div:first-child {background:#292737;color:var(--ink);}
html[data-theme=dark] .contact-strip .eyebrow,
html[data-theme=dark] .contact-strip-copy,
html[data-theme=dark] .company-foundations .section-index,
html[data-theme=dark] .foundation-label {color:#c4bfd8;}
html[data-theme=dark] .page-heading h1 em {color:#a6afb3;}
html[data-theme=dark] .contact-mail .round-arrow {border-color:#9490ab;color:var(--ink);}
html[data-theme=dark] .theme-control,
html[data-theme=dark] .motion-control {background:#1d252af2;color:#e7eeef;border-color:#59656b;box-shadow:0 3px 16px #0003;}
html[data-theme=dark] .theme-sun {display:block;}
html[data-theme=dark] .theme-moon {display:none;}
html[data-theme=dark] ::selection {background:#ffa37c;color:#111619;}
@media(max-width:760px) {
  html[data-theme=dark] .site-nav {background:var(--paper);border-color:var(--line);}
}

/* Animation palettes share the page theme; geometry and animation clocks do not change. */
html[data-theme=dark] .hero-stage .concept-canvas,
html[data-theme=dark].motion-enabled .hero-stage .concept-canvas {
  background:radial-gradient(ellipse at 50% 42%,#30283b 0,#231f30 44%,#1c1f2b 100%);
  color:#e1daee;box-shadow:inset 0 0 0 1px #a394bd30;
}
html[data-theme=dark] .flow-status [data-flow-status] {color:#b9afca;}
html[data-theme=dark] .network-wrap::before {border-color:#a997c52b;}
html[data-theme=dark] .network-wrap::after {opacity:.5;}
html[data-theme=dark] .mesh-line {stroke:#ffa271;}
html[data-theme=dark] .network-node {fill:#ffac7c;stroke:#3d2930;}
html[data-theme=dark] .network-volume {fill:#ffb580;}
html[data-theme=dark] .intelligence-network > ellipse {fill:#03050c;}
html[data-theme=dark] .network-label {fill:#d3c9e3;}
html[data-theme=dark] .route-guide {stroke:#80748f;}
html[data-theme=dark] .signal-flow,
html[data-theme=dark] .synapse-line,
html[data-theme=dark] .core-ring {stroke:#ffac7c;}
html[data-theme=dark] .synapse-spark {fill:#fff2df;stroke:#ffac7c;}
html[data-theme=dark] .port-node {fill:#282332;stroke:#ffaa79;}
html[data-theme=dark] .outcome-pill,
html[data-theme=dark] .cinematic[data-flow-phase="2"] .outcome-pill {fill:#332c42;stroke:#80748f;}
html[data-theme=dark] .cinematic[data-flow-phase="2"] .outcome-pill.is-arrived {fill:#573627;stroke:#efa16f;}
html[data-theme=dark] .mobile-network-input,
html[data-theme=dark] .mobile-network-output {color:#d3c9e3;}
html[data-theme=dark] .cinematic[data-flow-phase="0"] .mobile-network-input {color:#ffb286;}
html[data-theme=dark] .mobile-network-output span,
html[data-theme=dark] .cinematic[data-flow-phase="2"] .mobile-network-output span {background:#332c42;border-color:#80748f;}
html[data-theme=dark] .cinematic[data-flow-phase="2"] .mobile-network-output span.is-arrived {background:#573627;border-color:#efa16f;}
html[data-theme=dark] .flow-controls button {color:#c1b5d2;}
html[data-theme=dark] .flow-controls button:hover {color:#f6efff;background:#c3ace018;}
html[data-theme=dark] .flow-controls button[aria-pressed=true] {color:#f6efff;}
html[data-theme=dark] .flow-controls button[aria-pressed=true] .flow-number {color:#ffb286;}
html[data-theme=dark] .flow-controls button:focus-visible {outline-color:#ffb286;}
html[data-theme=dark] .flow-controls button i {background:#ffac7c;}

html[data-theme=dark] .intelligence-art {
  background:#30241e;color:#edc8a8;
  --evaluation-active:#ffc08e;--evaluation-idle:#d2b6a1;
  --lens-shadow:#08050355;--lens-pulse:#ff9e5426;
}
html[data-theme=dark] .intelligence-lens i {border-color:#d48e6199;}
html[data-theme=dark] .orbit-signal::before {background:#ffb17c;box-shadow:0 0 0 5px #68422c;}
html[data-theme=dark] .lens-center {box-shadow:0 25px 45px #08050355;}
html[data-theme=dark] .engineering-art {background:#20283e;color:#c9d5fc;--layer-active:#ffc08e;}
html[data-theme=dark] .engineering-stack::before {border-left-color:#839acf;}
html[data-theme=dark] .engineering-stack > div {
  background:#384767;color:#edf1ff;border-color:#8196c2;
  box-shadow:-1px 2px 0 #182137,-3px 4px 0 #182137,-5px 6px 0 #182137,-7px 8px 0 #182137,-10px 17px 24px #03091440;
}
html[data-theme=dark] .engineering-stack > div:nth-child(2) {background:#2d3a58;}
html[data-theme=dark] .engineering-stack > div:nth-child(3) {background:#25314b;color:#edf1ff;}
html[data-theme=dark] .system-layer::after {background:#7896e0;}

html[data-theme=dark] .experience-art {
  background:#20312b;color:#dfede5;
  --outcome-border:#719982;--outcome-active:#ffab7d;
  --decision-idle:#97b4a4;--decision-active:#ffab7d;--decision-halo:#ffab7d20;
}
html[data-theme=dark] .experience-type span {color:#a5c2b2;}
html[data-theme=dark] .flow-caption,
html[data-theme=dark] .step-number {color:#b2cbbc;}
html[data-theme=dark] .outcome-step {background:#2a4035;color:#e0ede4;border-color:var(--outcome-border);}
html[data-theme=dark] .human-step {background:#304a3c;border-color:#99bba7;}
html[data-theme=dark] .outcome-step i {background:var(--decision-idle);}
html[data-theme=dark] .flow-connector {background:#719982;}
html[data-theme=dark] .flow-connector b {background:#ffab7d;}