/* Brand tokens — theme values extracted from identity.html (brand kit), plus site-level conveniences. */
:root{
  --paper:#F7F7F4;
  --ink:#0B0B0D;
  --ground:#F7F7F4;
  --text:#141417;
  --muted:#6F6F73;
  --line:#E4E4DF;
  --tile:#FFFFFF;
  --shadow:0 1px 2px rgba(11,11,13,.06),0 14px 34px rgba(11,11,13,.13);

  /* type */
  --font-display:'Bricolage Grotesque','Archivo',sans-serif;
  --font-mono:'IBM Plex Mono','Consolas',monospace;
  --font-body:'Archivo',system-ui,sans-serif;

  /* shape & layout */
  --r-tile:16px;
  --r-tile-sm:14px;
  --r-btn:8px;
  --r-hero:22px;
  --wrap:1040px;
  --gutter:clamp(16px,4vw,44px);

  color-scheme:light;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#0F0F12;
    --text:#ECECEA;
    --muted:#8F8F98;
    --line:#242429;
    --tile:#151519;
    --shadow:0 1px 2px rgba(0,0,0,.45),0 18px 44px rgba(0,0,0,.55);
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --ground:#0F0F12;
  --text:#ECECEA;
  --muted:#8F8F98;
  --line:#242429;
  --tile:#151519;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 18px 44px rgba(0,0,0,.55);
  color-scheme:dark;
}