/* AutoFlow System — design tokens. Edit here first. */
:root{
  /* Colour */
  --paper:#F5F2EB; --paper-2:#EDE9DF; --surface:#FFFFFF;
  --ink:#111A17; --ink-2:#3B4642; --ink-3:#6B7671;
  --line:#D9D4C7; --line-strong:#B9B3A3;
  --spruce:#1F4D45; --spruce-deep:#123029; --spruce-tint:#DDE7E3;
  --signal:#C8412B; --signal-deep:#A93221;   /* primary CTA only */
  --focus:#1F4D45;
  --ok:#2F6B4F; --err:#B3261E;

  /* Type */
  --font-display:"Fraunces",Georgia,"Times New Roman",serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --fs-xs:.8125rem; --fs-sm:.9375rem; --fs-base:1.0625rem; --fs-lg:1.25rem;
  --fs-h4:clamp(1.25rem,1.1rem + .6vw,1.5rem);
  --fs-h3:clamp(1.5rem,1.2rem + 1.2vw,2rem);
  --fs-h2:clamp(2rem,1.4rem + 2.6vw,3.25rem);
  --fs-h1:clamp(2.6rem,1.6rem + 4.6vw,5.25rem);
  --lh-tight:1.05; --lh-head:1.15; --lh-body:1.6;

  /* Spacing (4px base) */
  --s1:.25rem; --s2:.5rem; --s3:.75rem; --s4:1rem; --s5:1.5rem; --s6:2rem;
  --s7:3rem; --s8:4rem; --s9:6rem; --s10:8rem;
  --section-y:clamp(4rem,3rem + 5vw,8rem);

  /* Layout */
  --container:72rem; --container-narrow:46rem; --gutter:clamp(1.25rem,4vw,2.5rem);
  --radius:6px; --radius-sm:4px;

  /* Motion */
  --ease:cubic-bezier(.2,.7,.2,1); --t-fast:150ms; --t-base:250ms; --t-slow:450ms;
}
/* Breakpoints (media queries can't use vars): 640px sm · 900px md · 1200px lg */