/* ============================================================
   Sugar Gravel — Typography tokens
   Headline: Bebas Neue (condensed display caps — always UPPERCASE).
   Body / Fließtext: Montserrat (400/500/700).
   Headlines on the site are set in caps with light letter-spacing.
   ============================================================ */
:root {
  /* ---- Families ---- */
  --font-display: 'Bebas Neue', 'Anton', Impact, sans-serif;
  --font-body:    'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Weights ---- */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* ---- Display scale (Bebas Neue) — letter-spacing tuned for the condensed caps ---- */
  --text-display-xl: 5rem;     /* hero headline      ~80px */
  --text-display-l:  3.25rem;  /* section headline   ~52px */
  --text-display-m:  2.25rem;  /* sub headline       ~36px */
  --text-display-s:  1.5rem;   /* eyebrow / label    ~24px */
  --tracking-display: 0.02em;
  --leading-display:  0.96;

  /* ---- Body scale (Montserrat) ---- */
  --text-body-l:  1.25rem;   /* lead paragraph  ~20px */
  --text-body-m:  1rem;      /* default         ~16px */
  --text-body-s:  0.875rem;  /* small / caption ~14px */
  --text-body-xs: 0.75rem;   /* legal / footnote ~12px */
  --leading-body: 1.6;
  --tracking-eyebrow: 0.08em; /* Montserrat all-caps labels */
}