/* ============================================
   Tanline — Typography tokens
   Display & editorial : Cormorant (serif)
   Functional / UI body : Inter
   Handwritten accent   : Homemade Apple
   ============================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Cormorant", "Cormorant Garamond", Georgia, serif;
  --font-body:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif:   "Cormorant", Georgia, serif;   /* editorial running text */
  --font-hand:    "Homemade Apple", "Comic Sans MS", cursive;

  /* ---- Fluid display scale (Cormorant) ---- */
  --text-hero:     clamp(3.5rem, 7vw, 6rem);    /* 56–96px  */
  --text-h1:       clamp(2.75rem, 5vw, 4rem);   /* 44–64px  */
  --text-h2:       clamp(2rem, 3.4vw, 2.75rem); /* 32–44px  */
  --text-h3:       1.75rem;                      /* 28px     */
  --text-h4:       1.375rem;                     /* 22px     */

  /* ---- Body scale (Inter) ---- */
  --text-lead:     1.25rem;    /* 20px intro paragraphs */
  --text-base:     1rem;       /* 16px */
  --text-sm:       0.875rem;   /* 14px */
  --text-xs:       0.75rem;    /* 12px labels */

  /* ---- Hand accent ---- */
  --text-hand:     1.5rem;     /* signature captions */

  /* ---- Weights ---- */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-bold:     700;

  /* ---- Line heights ---- */
  --leading-tight:   1.05;   /* display headlines */
  --leading-snug:    1.25;
  --leading-normal:  1.55;   /* body copy */
  --leading-loose:   1.7;

  /* ---- Letter spacing ---- */
  --tracking-tight:   -0.02em;
  --tracking-normal:  0;
  --tracking-wide:    0.04em;
  --tracking-label:   0.18em;  /* uppercase eyebrows / tagline */
}