/* Fleurale — Typography
   Two families:
   - Basteleur (display serif) = headings, taglines, UI labels, buttons, prices.
     Bold (700) is the display cut; Moonlight (400) the light one.
   - Feijoa (text serif) = running body copy and form fields.
   The wordmark "Fleurale" is a CUSTOM hand-drawn logo — never re-typeset it. */

:root {
  --font-display: "Basteleur", "Iowan Old Style", Palatino, Georgia, serif;
  --font-body:    "Feijoa", "Iowan Old Style", Palatino, Georgia, serif;
  --font-light:   "Feijoa", "Iowan Old Style", Palatino, Georgia, serif;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-bold:    700; /* @kind font */

  /* Type scale (1.25 major-third-ish, tuned for a warm editorial feel) */
  --text-2xs: 0.6875rem;  /* 11px — micro labels / eyebrow caps */
  --text-xs:  0.8125rem;  /* 13px */
  --text-sm:  0.9375rem;  /* 15px */
  --text-md:  1.0625rem;  /* 17px — base body */
  --text-lg:  1.375rem;   /* 22px */
  --text-xl:  1.875rem;   /* 30px */
  --text-2xl: 2.625rem;   /* 42px */
  --text-3xl: 3.75rem;    /* 60px */
  --text-4xl: 5.25rem;    /* 84px — poster display */

  /* Line heights */
  --leading-tight:   1.02;   /* display headlines */
  --leading-snug:    1.18;
  --leading-normal:  1.5;    /* body */
  --leading-relaxed: 1.65;

  /* Tracking — Bold caps labels get generous tracking (see running heads) */
  --tracking-caps:   0.14em;
  --tracking-wide:   0.06em;
  --tracking-normal: 0;
  --tracking-tight: -0.01em;

  /* Semantic roles */
  --font-eyebrow-size: var(--text-2xs);
  --font-eyebrow-weight: var(--fw-bold);
}