/* ===========================================================================
   Better Earth — Typography tokens
   Display: Cormorant Garamond (serif). Body/UI: Mulish (sans).
   Eyebrows/labels: Mulish uppercase, wide tracking.
   =========================================================================== */
:root {
  /* Families */
  --font-display: 'Cormorant Garamond', 'Hoefler Text', Georgia, serif;
  --font-sans: 'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-body: var(--font-sans);

  /* Weights */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */
  --fw-display: 600; /* @kind font */

  /* Type scale (modular ~1.28, anchored at 16px) */
  --text-xs:   0.75rem;   /* 12 */
  --text-sm:   0.8125rem; /* 13 */
  --text-base: 0.9375rem; /* 15 — body default */
  --text-md:   1.0625rem; /* 17 */
  --text-lg:   1.375rem;  /* 22 */
  --text-xl:   1.75rem;   /* 28 */
  --text-2xl:  2.25rem;   /* 36 */
  --text-3xl:  3rem;      /* 48 */
  --text-4xl:  4rem;      /* 64 */
  --text-5xl:  5.25rem;   /* 84 */

  /* Line heights */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.22em;   /* uppercase labels */
  --tracking-logo: 0.32em;      /* MORINGA-style lockup */

  /* Semantic roles */
  --display-family: var(--font-display);
  --display-weight: var(--fw-display);
  --display-leading: var(--leading-tight);
  --display-tracking: var(--tracking-tight);

  --eyebrow-family: var(--font-sans);
  --eyebrow-weight: var(--fw-semibold);
  --eyebrow-size: var(--text-xs);
  --eyebrow-tracking: var(--tracking-eyebrow);

  --body-family: var(--font-sans);
  --body-size: var(--text-base);
  --body-leading: var(--leading-relaxed);
}