/* The brand palette stays fixed; these roles adapt the page to day or night. */
:root {
 --page-bg:var(--paper); --page-text:var(--ink); --body-text:var(--charcoal);
 --muted-text:var(--stone); --page-line:var(--line); --surface:var(--soft);
 --link-text:var(--hover); --link-hover:var(--accent);
 color-scheme:light;
}
:root[data-theme="dark"] {
 --page-bg:var(--charcoal); --page-text:var(--paper); --body-text:var(--line);
 --muted-text:var(--line); --page-line:var(--stone); --surface:var(--ink);
 --link-text:var(--soft); --link-hover:var(--paper);
 color-scheme:dark;
}
body {background:var(--page-bg);color:var(--page-text)}
p {color:var(--body-text)}
.site-header {background:var(--page-bg)}
.header-inner {gap:28px;border-color:var(--page-line)}
.site-header nav {margin-left:auto}
.site-header nav a:hover,.site-header nav a[aria-current],.text-link:hover {color:var(--link-hover)}
.brand-night {display:none}
[data-theme="dark"] .brand-day {display:none}
[data-theme="dark"] .brand-night {display:block}
.theme-toggle {flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:0;padding:0;background:transparent;color:var(--page-text)}
.theme-toggle:hover {color:var(--link-text)}
.theme-toggle .icon-sun {display:none}
[data-theme="dark"] .theme-toggle .icon-sun {display:block}
[data-theme="dark"] .theme-toggle .icon-moon {display:none}
.eyebrow,.project-location {color:var(--link-text)}
.hero-stage {background:var(--surface);color:var(--page-text)}
[data-theme="light"] .hero-stage {background:var(--charcoal);color:var(--paper)}
.hero-context,.work-section,.project-card-link,.about-section,.founder-list>div,.project-story {border-color:var(--page-line)}
.hero-support,.comparison-copy .comparison-help,.testimonial figcaption,.about-image figcaption,.founder-list dd,.service-tags,.media-note p {color:var(--muted-text)}
.main-service {background:var(--surface)}
.service-list article {border-color:var(--page-line)}
.service-list article:first-child {border-color:var(--accent)}
.project-card figure,.project-cover img,.gallery-item {background:var(--surface)}
.project-open {border-color:var(--page-line)}
.testimonial figcaption strong {color:var(--page-text)}
.process-section {background:var(--charcoal)}
[data-theme="dark"] .process-section {background:var(--ink)}
.project-closing {background:var(--surface)}
.gallery-enlarge,.media-status {background:var(--page-bg);color:var(--page-text)}
.gallery-dialog,.gallery-dialog::backdrop {background:var(--page-bg);color:var(--page-text)}
.gallery-dialog button {color:var(--page-text);border-color:var(--page-line)}
.gallery-dialog button:hover {background:var(--surface)}
.gallery-dialog figcaption {color:var(--body-text)}
[data-theme="dark"] :is(a,button,input,summary):focus-visible {outline-color:var(--soft)}
.contact-intro p,.contact-note {color:var(--paper)}
.contact-links>a {background:var(--page-bg);color:var(--page-text)}
.contact-links>a:hover {background:var(--surface);color:var(--page-text)}
.contact-label {color:var(--link-text)}
.site-footer {background:var(--charcoal)}
[data-theme="dark"] .site-footer {border-top:1px solid var(--stone)}
@media(max-width:1100px){
 .header-inner{gap:20px}.site-header nav ul{gap:20px}.site-header nav a{gap:16px}
}
@media(max-width:800px){
 .header-inner{gap:16px}.brand{order:0;margin-right:auto}.menu-toggle{order:2;color:var(--page-text)}
 .theme-toggle{order:1}.site-header nav{order:3;margin-left:0}
 .js .site-header nav li a{border-color:var(--page-line)}
}