/* Kotimber — typography tokens.
   SUBSTITUTIONS (no font binaries were supplied — see readme.md):
   · Wordmark/display: original is a rounded geometric sans (Museo Sans Rounded family).
     Nearest Google match used here: Quicksand.
   · Body/UI: original print copy is a humanist sans with a single-storey g
     (Museo Sans / Source Sans family). Used here: Source Sans 3.
   · Script accent ("Vakwerk uit de buurt!"): monoline handwriting. Used here: Caveat. */
:root{
  --font-display:"Quicksand","Trebuchet MS",system-ui,sans-serif;
  --font-sans:"Source Sans 3","Source Sans Pro",-apple-system,"Segoe UI",sans-serif;
  --font-script:"Caveat","Segoe Script",cursive;
  --font-mono:ui-monospace,"SFMono-Regular",Menlo,monospace;

  --fw-light:300; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Scale — print-derived, 1.25 ratio around a 17px body */
  --fs-2xs:12px;
  --fs-xs:13px;
  --fs-sm:15px;
  --fs-base:17px;
  --fs-md:19px;
  --fs-lg:22px;
  --fs-xl:27px;
  --fs-2xl:34px;
  --fs-3xl:42px;
  --fs-4xl:54px;
  --fs-5xl:68px;

  --lh-tight:1.08; /* @kind font */
  --lh-snug:1.2; /* @kind font */
  --lh-normal:1.45; /* @kind font */
  --lh-relaxed:1.62; /* @kind font */

  /* The all-caps orange section labels on the flyer are widely tracked */
  --ls-eyebrow:.16em; /* @kind font */
  --ls-caps:.08em; /* @kind font */
  --ls-tight:-.01em; /* @kind font */
  --ls-normal:0; /* @kind font */

  /* Composed roles */
  --type-display:var(--fw-bold) var(--fs-4xl)/var(--lh-tight) var(--font-display);
  --type-h1:var(--fw-bold) var(--fs-3xl)/var(--lh-snug) var(--font-display);
  --type-h2:var(--fw-bold) var(--fs-2xl)/var(--lh-snug) var(--font-display);
  --type-h3:var(--fw-semibold) var(--fs-xl)/var(--lh-snug) var(--font-display);
  --type-h4:var(--fw-bold) var(--fs-md)/var(--lh-snug) var(--font-sans);
  --type-body:var(--fw-regular) var(--fs-base)/var(--lh-relaxed) var(--font-sans);
  --type-body-sm:var(--fw-regular) var(--fs-sm)/var(--lh-normal) var(--font-sans);
  --type-lead:var(--fw-regular) var(--fs-md)/var(--lh-relaxed) var(--font-sans);
  --type-eyebrow:var(--fw-bold) var(--fs-sm)/var(--lh-snug) var(--font-sans);
  --type-button:var(--fw-bold) var(--fs-base)/1 var(--font-sans);
  --type-script:var(--fw-regular) var(--fs-2xl)/1.15 var(--font-script);
}