/* Bisoux — Typography tokens.
   Fraunces (soft high-contrast serif) for headings & emotional moments.
   Inter for body & UI. Body is never below 16px. */

:root {
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Inter", system-ui, -apple-system, sans-serif;
  /* Accent face — italic only. Tender flourishes, quotes, the French breath. */
  --font-emotive: "Cormorant Garamond", "Fraunces", Georgia, serif;

  /* Weights — kept light; Bisoux is quiet, never bold-shouty */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-semi:    600;

  /* Display scale (Fraunces) — emotional moments, headings */
  --display-xl: 44px; /* hero letter-openings */
  --display-lg: 34px; /* screen titles */
  --display-md: 26px; /* card titles, prompts */
  --display-sm: 21px; /* small headings */

  /* Body scale (Inter) — body is >= 16px, WCAG AA */
  --body-lg:    18px;
  --body:       16px; /* base body */
  --body-sm:    14px; /* labels, meta, captions */
  --body-xs:    13px; /* timestamps only, used sparingly */

  /* Line heights — generous, breathful */
  --leading-display: 1.12;
  --leading-body:    1.55;
  --leading-snug:    1.3;

  /* Letter spacing */
  --tracking-display: -0.01em; /* Fraunces sits a touch tight at display sizes */
  --tracking-body:    0em;
  --tracking-label:   0.04em; /* small uppercase labels */
}