/* Locked to the four solid swatches supplied on 2026-09-25.
   Supporting surfaces are white tints of these colors. Body copy stays unchanged. */
:root{
  --brand-graphite:#43464D;
  --brand-slate:#83888E;
  --brand-brown:#69452D;
  --brand-taupe:#A08B78;
  --surface-paper:color-mix(in srgb,var(--brand-taupe) 12%,white);
  --surface-soft:color-mix(in srgb,var(--brand-taupe) 23%,white);
  --surface-stone:color-mix(in srgb,var(--brand-taupe) 38%,white);
  --surface-production:#e9e5df;
  --surface-cool:color-mix(in srgb,var(--brand-slate) 22%,white);
  --bg:var(--surface-paper);
  --text:#302e29;
  --muted:#68645b;
  --accent:var(--brand-brown);
  --line:color-mix(in srgb,var(--brand-graphite) 21%,transparent);
}
body,.mobile-nav,dialog{background:var(--bg)}
em{color:var(--text)}
.button,.architects .button{background:var(--brand-brown);color:#fff}
.button:hover,.architects .button:hover{background:var(--brand-graphite)}
.header-cta{border-color:#ffffff65}
.header-cta:hover{background:var(--surface-paper);color:var(--text)}
.text-link:hover,.desktop-nav a:hover{color:var(--brand-brown)}
.header .desktop-nav a:hover{color:#fff}
.media-placeholder,.hero-placeholder{background:var(--surface-stone);border-color:var(--brand-taupe);color:var(--text)}
.media-placeholder>span{color:var(--brand-brown)}
.direction-card .media-placeholder{background:var(--surface-soft)}
.architects{background:var(--surface-cool)}
.architects em{color:var(--text)}
.architect-grid p{color:var(--muted)}
.process-list li{border-color:var(--brand-taupe)}
.process-list li>span{color:var(--brand-brown)}
.about{background:var(--surface-production);border-color:var(--brand-taupe)}
.contact{background:var(--surface-stone);border-color:var(--brand-taupe)}
.contact-note{color:var(--muted)}
.contact-person,#contact-channels p{border-color:var(--line)}
.person-placeholder{border-color:var(--brand-taupe)}
.motion-toggle{background:var(--surface-paper);color:var(--text);border-color:var(--brand-taupe)}
.motion-toggle[aria-pressed=true]{background:var(--brand-graphite);color:white}
.experience{--text:#fff;--muted:#e0e0df;--line:#ffffff40;--accent:#fff;background:var(--brand-graphite);color:var(--text)}
.experience h2 em{color:#fff}
.hero{background:var(--brand-graphite)}
.hero h1 em{color:var(--surface-soft)}
.hero-shade{background:linear-gradient(90deg,#24262ade 0%,#43464d70 47%,#43464d10 85%),linear-gradient(0deg,#24262a90,transparent 40%)}
.hero-copy .button{background:var(--surface-paper);color:var(--text)}
.hero-copy .button:hover{background:var(--surface-stone)}
.hero-architect-link:hover{color:white}
dialog input,dialog textarea,dialog select{background:#fff;border-color:var(--brand-taupe)}
#brief-status{color:var(--brand-brown)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--brand-brown)}
.hero a:focus-visible,.header a:focus-visible,.experience :focus-visible{outline-color:white}
::selection{background:var(--brand-taupe);color:#171717}
@media(max-width:760px){
  .header:has(.menu-toggle[aria-expanded=true]){background:var(--brand-graphite)}
  .hero-shade{background:linear-gradient(90deg,#24262ad9,#43464d60),linear-gradient(0deg,#24262a90,transparent 40%)}
}