/* Doggenius typography tokens.
   Clash Display = alleen h1-momenten (hondennaam, hero-kop, grote cijfers).
   Satoshi = al het overige (ook h2–h4 in bold) en body. Sentence case overal,
   géén letter-spacing (onderzoek: caps + tracking meetbaar nadelig voor 55+).
   Body nooit < 16px. */
:root {
  --font-display: 'Clash Display', 'Satoshi', system-ui, sans-serif;
  --font-body: 'Satoshi', system-ui, -apple-system, sans-serif;
  /* h2–h4 zijn Satoshi bold; alleen h1 gebruikt Clash (zie base.css). */
  --font-heading: var(--font-body); /* @kind font */

  /* Display-gedrag: sentence case, geen letter-spacing (één warme vormtaal). */
  --display-weight: 700;
  --display-transform: none; /* @kind other */
  --display-tracking: 0px;
  --h1-transform: none; /* @kind other */
  --h1-tracking: 0px;
  /* CTA's zijn gewone zinnen ("Bewaar wijzigingen →"). */
  --cta-transform: none; /* @kind other */
  --cta-tracking: 0em;

  /* Type scale (desktop; mobile ≈ one step down: h1 48, h2 30, h3 24, h4 20) */
  --text-display-xl: 60px;  /* h1 hero */
  --text-display-l:  36px;  /* h2 */
  --text-display-m:  30px;  /* h3 */
  --text-display-s:  24px;  /* h4 / card titles */
  --text-body-lg: 18px;
  --text-body:    16px;     /* minimum for lopende tekst */
  --text-body-sm: 14px;
  --text-caption: 12px;     /* meta only, never lopende tekst */

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

  --leading-tight:   1.1; /* @kind other */
  --leading-snug:    1.25; /* @kind other */
  --leading-normal:  1.5; /* @kind other */
  --leading-relaxed: 1.625; /* @kind other */
}