/* Typography tokens — Ferella Interiors.
 *
 * Families are SELF-HOSTED (see tokens/fonts.css + www/assets/fonts/). There is
 * no Google Fonts link anywhere — never add one (privacy invariant, CLAUDE.md).
 *
 * The site's own names (--serif / --sans / --tracking-*) are the primary set;
 * the generic template scale (--font-display, --text-*, --lh-*, --weight-*) is
 * kept for the self-contained legal shells and maps onto the same families.
 */
:root {
  /* ----- Families ----- */
  --serif: "Cormorant Garamond", "Cormorant", "EB Garamond", Garamond, "Times New Roman", serif;
  --sans:  "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif;

  --font-display: var(--serif);   /* headlines, display, quotes */
  --font-body:    var(--sans);    /* body / UI / eyebrows */

  /* ----- Tracking (uppercase micro-type) ----- */
  --tracking-wide:    0.32em;     /* eyebrows, nav, buttons */
  --tracking-mid:     0.18em;     /* captions, counters */
  --tracking-tight:   -0.01em;
  --tracking-normal:  0;
  --tracking-eyebrow: var(--tracking-wide);

  /* ----- Fluid type scale (legal shells + generic use) ----- */
  --text-display: clamp(48px, 7vw, 112px);
  --text-h1:      clamp(48px, 7vw, 112px);
  --text-h2:      28px;
  --text-h3:      22px;
  --text-eyebrow: 11px;
  --text-body-lg: 19px;
  --text-body:    15.5px;
  --text-small:   14px;
  --text-tiny:    12px;
  --text-quote:   clamp(22px, 1.5vw + 14px, 32px);

  /* ----- Line heights ----- */
  --lh-display: 0.96;
  --lh-heading: 1.05;
  --lh-quote:   1.4;
  --lh-body:    1.75;
  --lh-tight:   1.3;

  /* ----- Weights ----- */
  --weight-light:   300;
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;
}