/* Dark retains the existing studio identity. Light uses white, neutral grey,
   near-black type and restrained blue accents inspired by Apple's palette. */
:root{color-scheme:dark}
.theme-toggle{min-width:44px;min-height:44px;gap:8px;flex-shrink:0}
.theme-toggle svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}
.theme-toggle .moon{display:none}
html[data-theme=light] .theme-toggle .sun{display:none}
html[data-theme=light] .theme-toggle .moon{display:block}
.project-feature .project-diagram{display:grid;gap:0;margin:0;padding:28px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.project-diagram .diagram-step{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:14px;border-bottom:1px solid var(--line)}
.project-diagram .diagram-step:last-child{border:0}
.project-diagram .diagram-step b{font:10px var(--mono);color:var(--green);font-weight:400}
.project-diagram .label{margin-bottom:14px}
html[data-theme=light]{color-scheme:light;--bg:#fff;--panel:#f5f5f7;--paper:#1d1d1f;--muted:#6e6e73;--line:#1d1d1f24;--green:#0066cc;--violet:#7656a9}
html[data-theme=light] body:before{background:radial-gradient(ellipse at 85% 10%,#0071e306,transparent 45%),var(--bg)}
html[data-theme=light] header{background:#ffffffeb}
html[data-theme=light] .button:hover{background:#1d1d1f06}
html[data-theme=light] .button.primary{background:#0071e3;border-color:#0071e3;color:#fff}
html[data-theme=light] .button.primary:hover{background:#0077ed;border-color:#0077ed}
html[data-theme=light] .skip{color:#fff}
html[data-theme=light] .dot{background:#0071e3;box-shadow:0 0 10px #0071e320}
html[data-theme=light] .ticker{color:var(--muted)}
html[data-theme=light] .network{background-image:linear-gradient(#1d1d1f09 1px,transparent 1px),linear-gradient(90deg,#1d1d1f09 1px,transparent 1px)}
html[data-theme=light] .wire{stroke:#0071e34d}
html[data-theme=light] .hero-visual:before{background:radial-gradient(ellipse,#0071e308,transparent 65%)}
html[data-theme=light] .node{border-color:#1d1d1f30;background:#fff;color:#424245;box-shadow:0 3px 12px #1d1d1f04}
html[data-theme=light] .node:hover{border-color:#0071e3}
html[data-theme=light] .node[aria-pressed=true]{border-color:#0071e3;background:#eaf3ff;color:#0066cc}
html[data-theme=light] .node.active{background:#0071e3;color:white;box-shadow:0 0 24px #0071e318}
html[data-theme=light] .node.done{border-color:#0071e3;color:#0066cc}
html[data-theme=light] .node.review{border-color:#7656a980}
html[data-theme=light] .architecture{background:linear-gradient(145deg,#f5f5f7,#fafafa)}
html[data-theme=light] .chip{background:#f5f5f7;color:var(--muted)}
html[data-theme=light] .deliverables li,html[data-theme=light] .detail-copy li{color:#424245}
html[data-theme=light] .engagement,html[data-theme=light] .detail-panel,html[data-theme=light] .related-card{background:#f5f5f7}
html[data-theme=light] .page-service{background:#f5f5f7}
html[data-theme=light] .page-service:hover{background:#f0f3f8;border-color:#0071e360}
html[data-theme=light] .system-stage{background:#f5f5f7}
html[data-theme=light] .system-stage.review{border-color:#7656a960}
html[data-theme=light] .project-feature{background:linear-gradient(130deg,#f5f5f7,#fff)}
html[data-theme=light] .project-feature .project-diagram{background:#fff}
html[data-theme=light] .showcase-note{background:#f5f5f7}
html[data-theme=light] .mascot-card{background:linear-gradient(120deg,#f5f5f7,#fff)}
html[data-theme=light] .mascot-copy .label{color:#795c3f}
html[data-theme=light] .mascot-tags span{color:#795c3f}
html[data-theme=light] .contact{background:linear-gradient(135deg,#f5f5f7,#fff)}
html[data-theme=light] .field label{color:#424245}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] textarea{background:#fff;border-color:#1d1d1f40;color:#1d1d1f}
html[data-theme=light] .privacy-dialog{background:#fff;box-shadow:0 20px 90px #1d1d1f26}
html[data-theme=light] .privacy-dialog::backdrop{background:#1d1d1f55}
html[data-theme=light] .process article{border-top-color:#0071e34d}
@media(max-width:1100px){.nav{gap:14px}.links{gap:12px}}
@media(max-width:900px){html[data-theme=light] .links{background:#fafafc}}
@media(max-width:760px){.theme-toggle{width:44px;padding:10px}.theme-label{display:none}.nav{gap:8px}.project-feature .project-diagram{padding:22px}}