/* Stonecreek — Stone, Spruce & Cedar, revision 01. Locked.
   The palette and type scale live here and nowhere else. */
:root{
  --sc-snowfield:#EDEFEE; --sc-silt:#DDE0DE; --sc-granite:#C4C7C5;
  --sc-slate:#444848;     --sc-basalt:#232726;
  --sc-spruce:#23423A;    --sc-cedar:#A5714E;  --sc-cedar-dk:#8E6244;
  --sc-line:rgba(68,72,72,.20); --sc-hair:rgba(68,72,72,.11);
  --sc-spruce-hv:#1A332C;
  --sc-serif:'Lora',Georgia,serif;
  --sc-sans:'Source Sans 3',-apple-system,Helvetica,sans-serif;

  /* Roles */
  --ground:var(--sc-snowfield);
  --band:var(--sc-silt);
  --rule:var(--sc-granite);
  --ink:var(--sc-basalt);
  --body:var(--sc-slate);
  --primary:var(--sc-spruce);
  --primary-hv:var(--sc-spruce-hv);
  --on-primary:var(--sc-snowfield);
  --accent-rule:var(--sc-cedar);
  --accent-type:var(--sc-cedar-dk);
  --field:#FFFFFF;

  /* Type scale */
  --fs-h1:clamp(30px,4vw,44px);
  --fs-h2:clamp(22px,2.6vw,30px);
  --fs-statement:clamp(18px,2.2vw,24px);
  --fs-body:16.5px;
  --lh-body:1.65;
  --fs-eyebrow:9px; --ls-eyebrow:.28em;
  --fs-button:12px; --ls-button:.24em;
  --fs-caption:14px;

  --measure:66ch;
  --pad:clamp(20px,4vw,48px);
  --gap:20px;
}