/* ============================================================
   TYPOGRAPHY — Pavel Presnov Design System
   Display & headings: Forum (elegant Roman serif).
   Body, UI, data: Manrope.
   Eyebrows/overlines: Manrope 600, uppercase, wide tracking.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: 'Forum', 'Times New Roman', serif;
  --font-serif:   'Forum', 'Times New Roman', serif;
  --font-sans:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    var(--font-sans);
  --font-mono:    'SFMono-Regular', ui-monospace, 'Menlo', monospace;

  /* ---- Weights (Manrope) — Forum is 400 only ---- */
  --fw-thin:     200; /* @kind font */
  --fw-light:    300; /* @kind font */
  --fw-regular:  400; /* @kind font */
  --fw-medium:   500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold:     700; /* @kind font */
  --fw-extra:    800; /* @kind font */

  /* ---- Type scale (root 16px) ---- */
  --text-display-2xl: 4.75rem;   /* 76px — hero */
  --text-display-xl:  3.75rem;   /* 60px */
  --text-display-lg:  3rem;      /* 48px */
  --text-display-md:  2.375rem;  /* 38px */
  --text-h1:          1.875rem;  /* 30px */
  --text-h2:          1.5rem;    /* 24px */
  --text-h3:          1.25rem;   /* 20px */
  --text-title:       1.125rem;  /* 18px */
  --text-body-lg:     1.125rem;  /* 18px */
  --text-body:        1rem;      /* 16px */
  --text-body-sm:     0.875rem;  /* 14px */
  --text-caption:     0.8125rem; /* 13px */
  --text-overline:    0.6875rem; /* 11px */

  /* ---- Line heights ---- */
  --lh-tight:   1.08; /* @kind font */
  --lh-snug:    1.18; /* @kind font */
  --lh-heading: 1.22; /* @kind font */
  --lh-normal:  1.5; /* @kind font */
  --lh-relaxed: 1.62; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-tighter:  -0.025em; /* @kind font */
  --ls-tight:    -0.012em; /* @kind font */
  --ls-normal:   0; /* @kind font */
  --ls-serif:    0.008em; /* @kind font */  /* Forum reads best a hair open */
  --ls-wide:     0.04em; /* @kind font */
  --ls-overline: 0.22em; /* @kind font */   /* eyebrows */

  /* ---- Composed role tokens (family · weight · spacing) ---- */
  --type-display-family: var(--font-display); /* @kind font */
  --type-display-weight: var(--fw-regular); /* @kind font */
  --type-heading-family: var(--font-display); /* @kind font */
  --type-heading-weight: var(--fw-regular); /* @kind font */
  --type-body-family:    var(--font-sans); /* @kind font */
  --type-body-weight:    var(--fw-regular); /* @kind font */
  --type-overline-family:var(--font-sans); /* @kind font */
  --type-overline-weight:var(--fw-semibold); /* @kind font */
}