/* Color studies: same layout and preferred logo, two darker palettes. */
body.theme-midnight{--navy:#edf5ff;--muted:#a9bbcf;--paper:#041323;--surface:#091d31;--card:#0b2238;--line:#213c55;--accent:#51d7f5;--section-glow:rgba(15,104,165,.13);color-scheme:dark}
body.theme-charcoal{--navy:#f1f4f8;--muted:#b3bdc9;--paper:#111419;--surface:#1c2129;--card:#242b34;--line:#38424f;--accent:#71d4eb;--section-glow:rgba(122,158,184,.065);color-scheme:dark}
.services{background:radial-gradient(ellipse at 50% 0,var(--section-glow),transparent 72%),var(--paper);border-top:1px solid var(--line)}
.possibilities{background:var(--surface);border-color:var(--line)}
.projects{background:var(--paper)}
.studio{background:var(--surface);border-color:var(--line)}
.service-grid article+article:before,.number:after{background:var(--line)}
.use-list>div{border-color:var(--line)}
.project-grid article{background:var(--card);border-color:var(--line);box-shadow:0 8px 30px #0002;transition:transform .3s,border-color .3s,box-shadow .3s}
.project-grid article:hover{border-color:#4e9fbc;box-shadow:0 12px 35px #0004}
.eyebrow,.number,.use-list span,.project-copy small,.project-copy h3 span,.process b{color:var(--accent)}
.text-link{color:var(--accent)}
.text-link:hover,footer a:hover{color:#a9efff}
.contact{border-top:1px solid var(--line)}
footer .brand{color:var(--navy)}
.palette-switcher{display:flex;align-items:center;justify-content:center;gap:9px 22px;flex-wrap:wrap;padding:22px 5%;border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:var(--paper)}
.palette-switcher>span{letter-spacing:.1em;font-size:10px;text-transform:uppercase}
.palette-switcher a{padding:8px 13px;border:1px solid var(--line);border-radius:20px}
.palette-switcher a:hover,.palette-switcher a[aria-current=page]{color:var(--navy);border-color:var(--accent);background:var(--surface)}
a:focus-visible,button:focus-visible{outline-color:#70def6}
@media(prefers-reduced-motion:reduce){.project-grid article{transition:none}}