/* Taller Web Pro — semantic design tokens.
   Dark is the default on :root; light is applied by [data-theme="light"] (JS) or, without JS,
   by prefers-color-scheme: light. Components read only these tokens. */
:root{
  color-scheme:dark;
  --surface-0:#0E0E0D; --surface-1:#171614; --surface-2:#211F1C; --surface-paper:#1D1A16;
  --text-1:#F4F0E8; --text-2:#B4AC9F;
  --line:rgba(244,240,232,.10); --line-strong:rgba(244,240,232,.18);
  --accent:#C7A35A; --accent-hi:#E0C582; --accent-ink:#E0C582; --on-accent:#161513; --focus:#E0C582;
  --accent-line:rgba(199,163,90,.30); --accent-wash:rgba(199,163,90,.08);
  --shadow-color:0 0% 0%;

  --font-display:"Fraunces",Georgia,serif;
  --font-text:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-display:clamp(44px,6.8vw,104px); --fs-h2:clamp(34px,4.8vw,68px); --fs-h3:clamp(22px,2.2vw,30px);
  --fs-body:17px; --fs-small:15px;

  --r-control:14px; --r-panel:22px; --r-frame:28px;
  --dur-fast:180ms; --dur-base:500ms; --dur-slow:1100ms;
  --ease:cubic-bezier(.2,.7,.2,1); --ease-out:cubic-bezier(.16,1,.3,1); --ease-io:cubic-bezier(.65,0,.35,1);
  --wrap:1200px; --gutter:clamp(20px,4.4vw,48px);
  --mark:38px;

  /* legacy aliases used by pre-2.0 components; removed as sections are rebuilt */
  --bg:var(--surface-0); --bg-2:var(--surface-1); --bg-3:var(--surface-2); --bg-4:#22201D;
  --ink:var(--text-1); --muted:var(--text-2); --faint:#8C867C; --line-2:var(--line-strong);
  --gold:var(--accent); --gold-2:var(--accent-hi); --gold-line:var(--accent-line); --gold-wash:var(--accent-wash);
  --radius:20px; --radius-sm:12px; --serif:var(--font-display); --sans:var(--font-text);
}
[data-theme="light"]{
  color-scheme:light;
  --surface-0:#F2EFE8; --surface-1:#E8E3D9; --surface-2:#D8D1C5; --surface-paper:#EAE3D6;
  --text-1:#161513; --text-2:#57514A;
  --line:rgba(22,21,19,.12); --line-strong:rgba(22,21,19,.22);
  --brand-accent:#7A5A1F; --accent:#C7A35A; --accent-hi:#9A7533; --accent-ink:#7A5A1F; --on-accent:#161513; --focus:#7A5A1F;
  --accent-line:rgba(122,90,31,.35); --accent-wash:rgba(199,163,90,.14);
  --shadow-color:30 25% 25%;
  --bg-4:#CFC7B8; --faint:#6E675D;
}
@media (prefers-color-scheme:light){
  :root:not([data-theme]){
  color-scheme:light;
  --surface-0:#F2EFE8; --surface-1:#E8E3D9; --surface-2:#D8D1C5; --surface-paper:#EAE3D6;
  --text-1:#161513; --text-2:#57514A;
  --line:rgba(22,21,19,.12); --line-strong:rgba(22,21,19,.22);
  --brand-accent:#7A5A1F; --accent:#C7A35A; --accent-hi:#9A7533; --accent-ink:#7A5A1F; --on-accent:#161513; --focus:#7A5A1F;
  --accent-line:rgba(122,90,31,.35); --accent-wash:rgba(199,163,90,.14);
  --shadow-color:30 25% 25%;
  --bg-4:#CFC7B8; --faint:#6E675D;
  }
}