:root{
  --canvas:#F4F6F1;
  --surface:#FFFFFF;
  --band:#E8EDE4;
  --hairline:#D8E0D4;
  --sage:#7FA08F;
  --forest:#2F5B4C;
  --deep:#1F3A32;
  --ink:#2A322D;
  --muted:#5F6A62;
  --gold:#8A6422;
  --gold-tint:#E5D3A8;

  --serif:"Newsreader","Iowan Old Style",Georgia,serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;

  --step-0:1rem;
  --step-1:1.125rem;
  --step-2:1.3125rem;
  --step-3:1.5rem;
  --step-4:1.9375rem;
  --step-5:2.5rem;
  --step-6:clamp(2.25rem,4.4vw,3.25rem);

  --s-1:8px; --s-2:16px; --s-3:24px; --s-4:32px;
  --s-5:48px; --s-6:64px; --s-7:96px; --s-8:128px;

  --radius:12px;
  --radius-sm:8px;
  --maxw:1200px;
  --gutter:clamp(20px,5vw,64px);
  --shadow:0 1px 2px rgba(31,58,50,.04), 0 8px 24px rgba(31,58,50,.05);
}