/* SkinShine typography tokens
   Überschrift: Cinzel · Haupttext: Lato · Akzenttext: Snell Roundhand (→ Great Vibes) */

:root {
  /* ---- Families ---- */
  --font-display: 'Cinzel', 'Times New Roman', serif;
  --font-body:    'Lato', 'Helvetica Neue', sans-serif;
  --font-script:  'Great Vibes', 'Snell Roundhand', cursive;

  /* ---- Scale (desktop) ---- */
  --text-hero:    clamp(40px, 5vw, 64px);  /* Cinzel 400 */
  --text-h1:      44px;   /* Cinzel 400 */
  --text-h2:      32px;   /* Cinzel 400 */
  --text-h3:      22px;   /* Cinzel 500 */
  --text-script-lg: 44px; /* Great Vibes accent over headings */
  --text-script:  30px;
  --text-lead:    19px;   /* Lato 300 */
  --text-base:    16px;   /* Lato 400 */
  --text-small:   14px;
  --text-caption: 12.5px; /* Lato 400, letterspaced caps for labels */

  /* ---- Weights ---- */
  --weight-display:      400; /* Cinzel never bolder than 600 */
  --weight-display-bold: 600;
  --weight-body-light:   300;
  --weight-body:         400;
  --weight-body-bold:    700;

  /* ---- Letterspacing ---- */
  --tracking-display: 0.06em;  /* Cinzel headings breathe */
  --tracking-wide:    0.22em;  /* eyebrow labels, ALL CAPS — echoes logo */
  --tracking-body:    0.01em;
  --tracking-script:  0;       /* never letterspace the script */

  /* ---- Line heights ---- */
  --leading-display: 1.15;
  --leading-body:    1.65;
  --leading-tight:   1.3;
}