/* ============================================================
   TYPOGRAPHY — Maral Girke
   Editorial, ruhig, hochwertig.
   Serif (Playfair Display) = Headlines / Zitate.
   Sans (Inter) = Body / UI / Navigation.
   Script (Parisienne) = nur Signatur / MaGi-Akzent.
   ============================================================ */
:root {
  --font-serif:  'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-sans:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-script: 'Parisienne', 'Segoe Script', cursive;

  /* ---- Type scale (CI-Dokument §4 Hierarchie) ---- */
  --text-hero:      clamp(2.5rem, 5vw, 4.75rem);  /* 40 → 76px  Serif */
  --text-h1:        clamp(2.25rem, 4vw, 3.5rem);  /* 36 → 56px */
  --text-h2:        clamp(1.75rem, 3vw, 2.75rem); /* 28 → 44px */
  --text-h3:        1.5rem;    /* 24px */
  --text-h4:        1.25rem;   /* 20px */
  --text-body-lg:   1.125rem;  /* 18px */
  --text-body:      1rem;      /* 16px */
  --text-small:     0.875rem;  /* 14px  Nav / Labels */
  --text-caption:   0.75rem;   /* 12px */

  /* ---- Weights ---- */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ---- Line heights ---- */
  --leading-tight:   1.1;    /* Hero / Headlines */
  --leading-snug:    1.3;
  --leading-normal:  1.6;    /* Body 1.55–1.7 */
  --leading-relaxed: 1.75;

  /* ---- Letter spacing ---- */
  --tracking-eyebrow: 0.22em;  /* gesperrte Labels: UX/UI · DESIGNER */
  --tracking-label:   0.08em;
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
}