/* Stairholm design tokens */
@font-face{font-family:"Hanken Grotesk";font-weight:400;font-display:swap;src:url("/assets/hanken-grotesk-latin-400-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:500;font-display:swap;src:url("/assets/hanken-grotesk-latin-500-normal.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-weight:600;font-display:swap;src:url("/assets/hanken-grotesk-latin-600-normal.woff2") format("woff2")}
:root{
  --spruce:#17352C;      /* primary text, primary buttons, dark sections */
  --spruce-soft:#3B5249; /* secondary text */
  --mist:#E9EEE8;        /* page tint, text on spruce */
  --paper:#FFFFFF;       /* main background */
  --oak:#C99A62;         /* accent shapes and text on spruce only */
  --line:#CBD4CC;        /* decorative dividers */
  --field-border:#6B7C73;/* form field borders */
  --error:#A3271F;
  --font:"Hanken Grotesk",system-ui,sans-serif;
  --text-sm:0.875rem; --text-base:1.0625rem; --text-lg:1.25rem;
  --h3:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --h2:clamp(2rem,1.5rem + 2vw,3.25rem);
  --h1:clamp(2.75rem,1.8rem + 4.2vw,5.5rem);
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem; --space-5:3rem; --space-6:5rem; --space-7:8rem;
  --radius-sm:4px; --radius-pill:999px;
  --max-width:1240px; --gutter:clamp(1rem,3vw,2.5rem);
}