/* Solarpunk NOW — Typography
   THREE type roles, nothing else:
   1) Solarpunk NOW  — the brand's own hand-drawn face. HEADINGS ONLY, never < 24px.
   2) Jost UPPERCASE, bold, wide-tracked — the small eyebrow above a heading.
   3) Jost 400 — body and all normal UI text.
   No Josefin, no other faces. */
:root {
  --font-heading: "Solarpunk NOW", "Jost", system-ui, sans-serif; /* headings, ≥24px only */
  --font-body: "Jost", system-ui, sans-serif;                     /* body + uppercase eyebrow */

  --weight-body: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-heading: 700;

  /* Type scale. The Solarpunk heading face is used ONLY at --text-xl (24px) and up. */
  --text-2xs: 0.6875rem; /* 11px — micro labels */
  --text-xs: 0.75rem;    /* 12px — eyebrow (Jost uppercase bold) */
  --text-sm: 0.875rem;   /* 14px — small body */
  --text-base: 1rem;     /* 16px — body default (Jost) */
  --text-lg: 1.25rem;    /* 20px — large body (Jost) */
  --text-xl: 1.5rem;     /* 24px — smallest heading (Solarpunk) */
  --text-2xl: 2rem;      /* 32px */
  --text-3xl: 2.75rem;   /* 44px */
  --text-4xl: 3.75rem;   /* 60px */
  --text-5xl: 5rem;      /* 80px — hero */

  --leading-tight: 1.08; /* the marker face needs a touch more room than a geometric sans */
  --leading-snug: 1.22;
  --leading-normal: 1.5;

  /* The marker face is hand-drawn → NO negative tracking; it sets naturally.
     The eyebrow (Jost) stays wide-tracked & uppercase. */
  --tracking-heading: 0;
  --tracking-eyebrow: 0.16em; /* uppercase Jost eyebrow above a heading */
  --tracking-body: 0;
}