/* ============================================================
   zum eibach — Typography tokens
   Display  : Etelka Slab (warm humanist slab) — hero words, big numbers
   Heading  : Etelka Bold — card & block titles
   Body     : Etelka — running copy
   UI       : Inter — eyebrows, nav, labels, fine print
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Etelka Slab", "Aleo", "Etelka", Georgia, serif;
  --font-heading: "Etelka", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body:    "Etelka", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-ui:      "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---- Weights ---- */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */ /* mapped to Etelka Medium (no upright Regular supplied) */
  --fw-medium:  500; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* ---- Type scale (desktop px) ---- */
  --fs-display-xl: 80px;  /* hero stat numbers */
  --fs-display-lg: 60px;
  --fs-display-md: 46px;  /* image-tile labels */
  --fs-display-sm: 40px;  /* hero headline */
  --fs-h1:         48px;
  --fs-h2:         42px;  /* section title */
  --fs-h3:         32px;  /* card title */
  --fs-h4:         28px;
  --fs-body-lg:    20px;
  --fs-body:       18px;  /* default running copy */
  --fs-body-sm:    16px;
  --fs-caption:    14px;
  --fs-eyebrow:    16px;

  /* ---- Line heights ---- */
  --lh-display: 1.1;  /* @kind font */
  --lh-heading: 1.25; /* @kind font */
  --lh-snug:    1.4;  /* @kind font */
  --lh-body:    1.5;  /* @kind font */

  /* ---- Tracking ---- */
  --ls-eyebrow: 0.04em;  /* @kind font */
  --ls-tight:   -0.01em; /* @kind font */
}