:root{
  /* families */
  --font-display:"Baloo 2","Baloo2",system-ui,sans-serif;   /* headlines, buttons, prices */
  --font-body:"Quicksand",system-ui,sans-serif;              /* everything readable */
  --font-script:"Koara","Koara Wild",cursive;                /* handwritten accents only — no accented glyphs: use phrases with no accented word */
  --font-script-wild:"Koara Wild","Koara",cursive;           /* loudest handwriting — same accent limitation */

  /* scale — 1.25 major-third-ish, rounded to friendly numbers */
  --text-2xs:11px;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;
  --text-lg:22px;--text-xl:28px;--text-2xl:36px;--text-3xl:46px;--text-4xl:60px;--text-5xl:80px;

  /* weights */
  --weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;

  /* line heights */
  --leading-tight:1.05;--leading-snug:1.2;--leading-normal:1.5;--leading-relaxed:1.65;

  /* tracking */
  --tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.04em;--tracking-caps:0.1em;

  /* composed roles */
  --type-display:var(--weight-extrabold) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h1:var(--weight-bold) var(--text-3xl)/var(--leading-snug) var(--font-display);
  --type-h2:var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-h3:var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-display);
  --type-h4:var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-display);
  --type-body:var(--weight-medium) var(--text-base)/var(--leading-relaxed) var(--font-body);
  --type-body-sm:var(--weight-medium) var(--text-sm)/var(--leading-normal) var(--font-body);
  --type-label:var(--weight-bold) var(--text-xs)/1.2 var(--font-body);
  --type-button:var(--weight-bold) var(--text-base)/1 var(--font-display);
  --type-price:var(--weight-extrabold) var(--text-lg)/1 var(--font-display);
  --type-script:var(--weight-regular) var(--text-2xl)/1.1 var(--font-script);
}