/* 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-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)}
.direction-card:nth-child(1) .media-placeholder{background:var(--surface-soft) url('./assets/pla_01_one.jpg') center/cover no-repeat}
.direction-card:nth-child(1) .media-placeholder>span,.direction-card:nth-child(1) .media-placeholder>p{opacity:0}
.direction-card:nth-child(2) .media-placeholder{background:var(--surface-cool) url('./assets/pla_02_garmoshka.jpg') center/cover no-repeat}
.direction-card:nth-child(2) .media-placeholder>span,.direction-card:nth-child(2) .media-placeholder>p{opacity:0}
.direction-card:nth-child(3) .media-placeholder{background:var(--surface-stone) url('./assets/pla_03_slide.jpg') center/cover no-repeat}
.direction-card:nth-child(3) .media-placeholder>span,.direction-card:nth-child(3) .media-placeholder>p{opacity:0}
.direction-card:nth-child(4) .media-placeholder{background:var(--surface-soft) url('./assets/pla_04_slide.jpg') center/cover no-repeat}
.direction-card:nth-child(4) .media-placeholder>span,.direction-card:nth-child(4) .media-placeholder>p{opacity:0}
.reasoning{background:var(--surface-soft)}
.case-badge{color:var(--brand-brown);border-color:var(--brand-taupe)}
.option-grid article{background:var(--surface-paper);border-color:var(--brand-brown)}
.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)}
.contact,.about{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}
.viewer{background:color-mix(in srgb,var(--brand-graphite) 78%,var(--brand-slate));border-color:#ffffff30}
.dimension span{background:color-mix(in srgb,var(--brand-graphite) 78%,var(--brand-slate))}
.scene-landscape{background:#83888e24}
.outer-frame{border-color:var(--brand-slate)}
.outer-frame{box-shadow:0 22px 35px #0008,3px 0 #303238}
.pane{box-shadow:inset 0 0 0 1px #43464d,2px 1px 0 #292b30}
.dimension{border-color:#83888e80}
.dimension:before,.dimension:after{background:#83888eaa}
.pane{border-color:#b4b7ba;background:linear-gradient(125deg,#ffffff15 0%,#83888e18 35%,#ffffff30 37%,#83888e12 52%,#ffffff14)}
.pane:after{background:linear-gradient(90deg,#ddd,var(--brand-slate))}
.rail{background:repeating-linear-gradient(#b4b7ba 0 1px,var(--brand-graphite) 1px 3px)}
.viewer[data-kind=facade] .pane:before{border-color:#b4b7ba}
.viewer input{accent-color:#e3dcd6}
.system-choice[aria-pressed=true]{background:var(--surface-paper);color:var(--brand-graphite);border-color:var(--surface-paper)}
.experience-copy>.model-note,.view-tabs button,.view-tabs button>span,.viewer-meta,.viewer-controls label,.viewer-status,.viewer-controls p,.range-labels,.dimension,.prototype-tag{color:#e3e1de}
.view-tabs button[aria-pressed=true]{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%)}
}