/* Within Yoga Wellness — Typography tokens
   ------------------------------------------------------------------
   Afacad Flux  — titles, subtitles, logotype  (48pt reference)
   Lora         — calls to action, pull quotes  (36pt reference)
   Mulish       — body copy, UI, captions       (18 / 14pt reference)
*/
:root {
  /* —— Families —— */
  --font-display: 'Afacad Flux', 'Trebuchet MS', system-ui, sans-serif;
  --font-serif:   'Lora', Georgia, 'Times New Roman', serif;
  --font-body:    'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;

  /* —— Type scale (rem, 16px base) —— */
  --fs-display:  4.25rem;  /* 68px hero        */
  --fs-h1:       3rem;     /* 48px = logotype  */
  --fs-h2:       2.25rem;  /* 36px             */
  --fs-h3:       1.75rem;  /* 28px             */
  --fs-h4:       1.375rem; /* 22px             */
  --fs-cta:      1.5rem;   /* 24px Lora CTA     */
  --fs-lead:     1.25rem;  /* 20px lead body    */
  --fs-body:     1.125rem; /* 18px body         */
  --fs-sm:       0.875rem; /* 14px captions     */
  --fs-xs:       0.75rem;  /* 12px overline     */

  /* —— Weights —— */
  --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 */
  --fw-xbold:   800; /* @kind font */

  /* —— Line heights —— */
  --lh-tight:   1.1; /* @kind other */
  --lh-snug:    1.25; /* @kind other */
  --lh-normal:  1.5; /* @kind other */
  --lh-relaxed: 1.7; /* @kind other */

  /* —— Letter spacing —— */
  --ls-tight:   -0.01em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.04em; /* @kind other */
  --ls-caps:    0.14em; /* @kind other */
}