/* ============================================================
   Empowered Women Alliance — Typography Tokens
   Display: Cormorant Garamond (serif) — headings, hero, quotes.
   Body/UI: Mulish (sans) — paragraphs, labels, buttons, nav.
   Eyebrows & buttons: uppercase Mulish with wide tracking.
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-body: 'Mulish', system-ui, -apple-system, 'Segoe UI', sans-serif;

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

  /* Fluid display sizes (serif) */
  --fs-display-1: clamp(2.75rem, 5.5vw, 4.25rem); /* @kind font */
  --fs-display-2: clamp(2.25rem, 4vw, 3.25rem); /* @kind font */
  --fs-h1: clamp(2rem, 3.2vw, 2.75rem); /* @kind font */
  --fs-h2: clamp(1.625rem, 2.4vw, 2.125rem); /* @kind font */
  --fs-h3: clamp(1.3rem, 1.6vw, 1.5rem); /* @kind font */

  /* Body sizes (sans) */
  --fs-lead: 1.1875rem;   /* @kind font */
  --fs-body: 1rem;        /* @kind font */
  --fs-sm: 0.875rem;      /* @kind font */
  --fs-xs: 0.75rem;       /* @kind font */
  --fs-eyebrow: 0.78rem;  /* @kind font */

  /* Line heights */
  --lh-tight: 1.1; /* @kind font */
  --lh-snug: 1.25; /* @kind font */
  --lh-normal: 1.6; /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

  /* Letter spacing */
  --ls-display: -0.01em; /* @kind font */
  --ls-tight: -0.005em; /* @kind font */
  --ls-normal: 0; /* @kind font */
  --ls-wide: 0.08em; /* @kind font */
  --ls-eyebrow: 0.18em; /* @kind font */

  /* Semantic type roles */
  --type-eyebrow-family: var(--font-body);
  --type-eyebrow-weight: var(--fw-bold);
  --type-heading-family: var(--font-display);
  --type-heading-weight: var(--fw-semibold);
  --type-body-family: var(--font-body);
}
