/* Magda Sweet Cakes — typography tokens. */

:root {
  /* Families */
  --font-display: "Bodoni Moda", "Didot", "Bodoni MT", serif;
  --font-sans: "Jost", "Futura", "Century Gothic", sans-serif;

  /* Scale (ratio ≈ 1.29 on 16px) */
  --text-xs: 0.75rem;    /* 12 — legal, captions */
  --text-sm: 0.875rem;   /* 14 — meta, labels */
  --text-base: 1.0625rem;/* 17 — body */
  --text-lg: 1.25rem;    /* 20 — lead paragraph */
  --text-xl: 1.5rem;     /* 24 — card titles */
  --text-2xl: 2rem;      /* 32 — section titles */
  --text-3xl: 2.625rem;  /* 42 — page titles */
  --text-4xl: 3.5rem;    /* 56 — hero */
  --text-5xl: 4.75rem;   /* 76 — display/poster */

  /* Weights */
  --weight-body: 400;
  --weight-medium: 500;
  --weight-display: 480;      /* Bodoni Moda sweet spot for headings */
  --weight-display-bold: 600;

  /* Leading */
  --leading-display: 1.08;
  --leading-tight: 1.25;
  --leading-body: 1.6;

  /* Tracking */
  --tracking-caps: 0.22em;    /* "SWEET CAKES" letterspaced labels */
  --tracking-caps-tight: 0.12em;
  --tracking-display: 0.01em;
}