/* Alternative palette: dark navigation and hero, light content. */
.light-version body{background:#f5f5f2}
.light-version main>section:not(.hero){--bg:#f5f5f2;--ink:#171918;--muted:#666864;--line:#cccec7;background:var(--bg);color:var(--ink)}
.light-version .process .eyebrow{color:var(--muted)}
.light-version .process-item{border-color:var(--line)}
.light-version .process-shape{color:var(--accent)}
.light-version .process .experience-toggle:before,.light-version .process .experience-toggle:after{background:var(--accent)}
.light-version .process-item summary p,.light-version .process-details p{color:var(--muted)}
.light-version .showreel-frame{background:#e9eae5;color:var(--muted)}
.light-version header,.light-version .hero{background:var(--bg);color:var(--ink)}
.light-version .hero-video{background:#000}
.light-version .process-heading>p{color:var(--muted)}
.light-version .cover.two{--bg:#171918;color:#171918}
.light-version .cover:not(.two) .project-shape{color:#171918}
/* Accent surfaces remain distinct in the light version. */
.light-version main>.services-section,.light-version main>#showreel,.light-version main>#contact{--bg:var(--accent);--ink:#171918;--muted:#454338;--line:#8c772f;background:var(--accent);color:var(--ink)}
.light-version #showreel .showreel-frame{background:color-mix(in srgb,var(--accent) 85%,#171918);border:0;color:#171918}
/* Override the general light section selector, including its :not() specificity. */
.light-version body main>section.services-section,.light-version body main>section#showreel,.light-version body main>section#contact{--bg:var(--accent);--ink:#171918;--muted:#454338;--line:#8c772f;background:var(--accent);color:var(--ink)}

/* The editor follows the system palette while its color fields edit site colors. */
.light-version body.editor-page{--bg:#f5f5f2;--ink:#171918;--muted:#5e625b;--line:#b9beb4;background:var(--bg);color:var(--ink)}
.editor-page button.primary{color:#171918}
.light-version .editor-page .status{color:var(--ink)}