:root{
  --color-ink:#181512;
  --color-cream:#f5efe4;
  --color-sand:#ece5d8;
  --color-sandMuted:#e0d9cc;
  --color-greenDark:#1e3a30;
  --color-greenMid:#31423d;
  --type-kicker:clamp(8px,0.8vw,10px);
  --type-headline:clamp(26px,6vw,60px);
  --type-hero:clamp(29px,7vw,78px);
  --type-lead:clamp(18px,3vw,34px);
  --type-body:13px;
  --line-body:1.55;
  --space-page-x:24px;
  --space-page-x-mobile:12px;
  --space-section-bottom:32px;
  --space-gap:14px;
  --space-gap-small:8px;
  --space-panel:13px;
  --space-panel-mobile:10px;
  --rule-width:130px;
  --rule-height:8px;
  --rule-width-mobile:96px;
  --rule-height-mobile:6px;
  --bar-height:9px;
  --bar-small-height:6px;
}
.theme-sand{--section-bg:var(--color-sand);--section-fg:var(--color-ink);--panel-mix:7%;--border-mix:14%;}
.theme-sandMuted{--section-bg:var(--color-sandMuted);--section-fg:var(--color-ink);--panel-mix:7%;--border-mix:14%;}
.theme-greenDark{--section-bg:var(--color-greenDark);--section-fg:var(--color-cream);--panel-mix:8%;--border-mix:16%;}
.theme-greenMid{--section-bg:var(--color-greenMid);--section-fg:var(--color-cream);--panel-mix:8%;--border-mix:16%;}