/* A single neutral palette with one teal accent. Shared across every page. */
html[data-theme] body {
 --surface-50:#f3f2ed; --surface-100:#e8ebe5; --white:#ffffff;
 --navy:#1d2925; --ink-900:#202b27; --ink-800:#35423c; --ink-600:#56635c;
 --blue:#176454; --crimson:#104d40; --line-100:#d6ddd6; --line-200:#9aaba0;
 --hero-bg:#e9ece6; --hero-ink:#1d2925; --hero-muted:#56635c; --footer-bg:#e8ebe5;
 --bs-body-bg:var(--surface-50); --bs-body-color:var(--ink-900);
 --bs-secondary-color:var(--ink-600); --bs-border-color:var(--line-100);
 --bs-tertiary-bg:var(--surface-100); --bs-secondary-bg:var(--white);
 --bs-link-color:var(--blue); --bs-link-hover-color:var(--crimson);
 background:var(--surface-50); color:var(--ink-900);
}
html[data-theme="black"] body {
 --surface-50:#151c1b; --surface-100:#202a27; --white:#1b2421;
 --navy:#edf2ef; --ink-900:#edf2ef; --ink-800:#d5dfd9; --ink-600:#b2c2b9;
 --blue:#95d3bf; --crimson:#c0e7da; --line-100:#36473e; --line-200:#728c7d;
 --hero-bg:#151c1b; --hero-ink:#edf2ef; --hero-muted:#b2c2b9; --footer-bg:#202a27;
}
/* Shared chrome and controls; page-specific content layouts remain intact. */
.site-footer { color:var(--ink-900); background:var(--footer-bg); border-top:1px solid var(--line-100); }
.site-footer .site-footer-name,.site-footer .site-footer-heading { color:var(--ink-900); }
.site-footer .site-footer-role,.site-footer .site-footer-facts li,.site-footer .site-footer-base,.site-footer .theme-picker { color:var(--ink-600); }
.site-footer .site-footer-col a,.site-footer .site-footer-cv,.site-footer .site-footer-col a:hover,.site-footer .site-footer-cv:hover { color:var(--blue); }
.site-footer-base { border-color:var(--line-100); }
.site-footer-brand > p:not([class]) { font-size:.85rem; }
.reading-time { color:var(--ink-600); font-size:.85rem; white-space:nowrap; }
.btn-outline-dark { --bs-btn-color:var(--blue); --bs-btn-border-color:var(--line-200); --bs-btn-hover-bg:var(--blue); --bs-btn-hover-border-color:var(--blue); --bs-btn-hover-color:var(--surface-50); }
.project-feature-art { background:var(--surface-100); }
.consult-portrait { max-width:320px; justify-self:end; }
.consult-portrait img { aspect-ratio:4/5; object-fit:cover; object-position:center; }
@media(max-width:1250px) {
 .site-nav-inner { flex-wrap:wrap; gap:.75rem; padding-block:.7rem; min-height:72px; }
 .site-nav ul { order:4; width:100%; flex-wrap:wrap; padding-block:.75rem; justify-content:flex-start; }
 .site-nav .theme-picker { margin-left:auto; }
 .nav-ready .menu-toggle { display:block; margin-left:auto; }
 .nav-ready .theme-picker { margin-left:0; }
 .nav-ready ul { display:none; }
 .nav-ready.menu-open ul { display:flex; }
}
@media(max-width:767px) { .consult-portrait { justify-self:start; max-width:260px; } }