/* Boogie Heights — type. One family, three weights (Brand Guide p.4).
   Display + all-caps labels are Bold; body is Light; UI/eyebrow is Medium. */
:root{
  --font-core:"Aktiv Grotesk","Helvetica Neue",Arial,sans-serif;
  --font-display:var(--font-core);
  --font-body:var(--font-core);

  --weight-light:300;
  --weight-medium:500;
  --weight-bold:700;

  /* Sizes */
  --text-display-xl:clamp(3.5rem,9vw,7.5rem);
  --text-display-lg:clamp(2.75rem,6vw,5rem);
  --text-display-md:2.5rem;
  --text-title:1.75rem;
  --text-subtitle:1.25rem;
  --text-body-lg:1.125rem;
  --text-body:1rem;
  --text-body-sm:0.875rem;
  --text-label:0.8125rem;
  --text-micro:0.6875rem;

  /* Line heights */
  --leading-display:0.94;
  --leading-title:1.1;
  --leading-body:1.55;
  --leading-label:1.2;

  /* Tracking — the wordmark and all display caps are tightly set; small caps labels open up */
  --tracking-display:-0.02em;
  --tracking-title:-0.01em;
  --tracking-body:0;
  --tracking-label:0.14em;
  --tracking-micro:0.2em;
}