/* ============================================================
   Nueli — Typography
   Cormorant Garamond for display, EB Garamond for reading,
   system sans ONLY for small-caps labels / UI micro-text.
   Generous sizes, generous line-height. Labels, not sentences.
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body:    'EB Garamond', Georgia, 'Times New Roman', serif;
  --font-label:   'Helvetica Neue', Helvetica, Arial, sans-serif; /* small-caps UI labels only */

  /* --- Display scale (Cormorant, weight 500) --- */
  --text-hero:    88px;  /* the single number/word on a screen */
  --text-display: 56px;
  --text-h1:      40px;
  --text-h2:      30px;
  --text-h3:      23px;

  /* --- Body scale (EB Garamond) --- */
  --text-lead:    20px;  /* intro / lead paragraph */
  --text-body:    19px;  /* default reading size */
  --text-small:   16px;

  /* --- Label scale (sans, uppercase, tracked) --- */
  --text-label:      11px;  /* eyebrow / section label */
  --text-label-sm:   10px;  /* micro label */
  --text-ui:         13px;  /* buttons, controls */

  /* --- Line heights --- */
  --leading-tight:  1.05;  /* display / hero numbers */
  --leading-snug:   1.3;   /* headings */
  --leading-body:   1.7;   /* reading text */

  /* --- Letter-spacing --- */
  --tracking-wordmark: 0.32em; /* NUELI wordmark */
  --tracking-label:    0.34em; /* eyebrows / small-caps */
  --tracking-ui:       0.16em; /* buttons */
  --tracking-display:  -0.01em;/* large Cormorant */

  /* --- Weights --- */
  --weight-body:    400;
  --weight-medium:  500;
  --weight-semi:    600;
}