/* LOCKED tokens — Eskuche Design (base system: architecture-firm, bespoke-tuned)
   Wayzata, MN residential + commercial architecture & interiors. Editorial,
   minimal, structural: deep graphite + warm bronze accent, EB Garamond display
   over Inter body, sharp (0-radius) edges. Variable NAMES match _shared/base.css;
   only values changed. Body/contrast verified AA (>= 4.5:1). */
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@500;600&family=Inter:wght@400;500;600&display=swap');
:root{
  --bg:#fbfaf8; --surface:#ffffff; --ink:#32353a; --ink-strong:#181a1d; --muted:#585c61;
  --line:#e4e2dd;
  --brand:#222529; --brand-dark:#0e1012; --brand-tint:#ece9e3; --on-brand:#ffffff;
  --accent:#946239;
  --hero-bg:linear-gradient(180deg,#f3f1ec,#fbfaf8);
  --header-bg:rgba(251,250,248,.9); --footer-bg:#181a1d;
  --band-bg:#181a1d; --on-band:#ffffff; --on-band-muted:#aaaeb2;

  --font-heading:'EB Garamond',Georgia,serif; --font-body:'Inter',system-ui,sans-serif;
  --fs-base:16.5px; --lh-body:1.7; --fw-body:400; --fw-head:600; --lh-head:1.1; --ls-head:0em;
  --fs-lead:1.2rem; --fs-h1:clamp(2.3rem,5vw,3.7rem); --fs-h2:clamp(1.65rem,3.3vw,2.4rem); --fs-h3:1.3rem;

  --container:1100px; --gutter:26px; --section-y:100px; --hero-y:112px; --nav-h:78px;
  --space-3:10px; --space-4:16px; --space-5:26px; --space-6:32px; --space-7:60px;
  --btn-pad:14px 30px;
  --radius:0px; --radius-lg:0px; --radius-pill:0px;
  --shadow:0 4px 16px rgba(24,26,29,.05); --shadow-lg:0 14px 36px rgba(24,26,29,.1);
  --dur:140ms; --ease:cubic-bezier(.3,.6,.3,1);
}
/* Primary buttons use the deep graphite (white text passes AA: ~14:1). */
.btn{background:var(--brand);color:var(--on-brand)}
.btn:hover{background:var(--brand-dark)}
.btn.ghost{background:transparent;color:var(--brand)}
.btn.ghost:hover{background:var(--brand-tint)}
/* Eyebrow + card icons in warm bronze accent (on light: ~4.8:1 AA). */
.eyebrow{color:var(--accent);letter-spacing:.2em}
.card .ic{background:#efe6dd;color:var(--accent)}