/* ==========================================================================
   Memora — Typography tokens
   Three voices:
     1. Script  (Sierra Danielle) — the wordmark & grand display moments ONLY
     2. Serif   (Cormorant Garamond) — headings & editorial body
     3. Sans    (Montserrat) — labels, slogan, buttons, captions: tracked caps
   ========================================================================== */
:root {
  /* ---- Families ---- */
  --font-script: 'Sierra Danielle', 'Snell Roundhand', cursive;
  --font-serif:  'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --font-sans:   'Montserrat', 'Helvetica Neue', Arial, sans-serif;

  /* ---- Display / script scale ---- */
  --type-script-hero:  120px;  /* hero wordmark */
  --type-script-xl:    88px;
  --type-script-lg:    64px;
  --type-script-md:    44px;

  /* ---- Serif heading scale ---- */
  --type-serif-display: 56px;
  --type-serif-h1:      42px;
  --type-serif-h2:      32px;
  --type-serif-h3:      24px;
  --type-serif-body:    19px;   /* editorial long-form */
  --type-serif-lead:    22px;

  /* ---- Sans / label scale ---- */
  --type-label-lg:   15px;
  --type-label-md:   13px;
  --type-label-sm:   11px;
  --type-body-sans:  15px;

  /* ---- Weights ---- */
  --weight-serif-regular: 400;
  --weight-serif-medium:  500;
  --weight-serif-semi:    600;
  --weight-sans-regular:  400;

  /* ---- Letter-spacing ---- */
  --track-label:    0.30em;   /* slogan & eyebrow caps */
  --track-label-sm: 0.22em;
  --track-button:   0.16em;
  --track-tight:    0.01em;

  /* ---- Line-heights ---- */
  --leading-script: 0.9;
  --leading-tight:  1.1;
  --leading-snug:   1.35;
  --leading-body:   1.6;
}