/* Eterna Regeneratives — typography tokens
   Brand font: Avenir Next / Avenir (per logo file). Web substitute: Mulish
   (closest Google Fonts match — geometric-humanist, Avenir-like proportions).
   Replace with licensed Avenir Next webfonts when available. */
:root {
  --font-sans: "Avenir Next", "Avenir", "Mulish", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", "Menlo", "Consolas", monospace; /* data/tables only, rare */

  /* Weights (Avenir-style: never heavier than demibold in headlines) */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-demi: 600;
  --weight-bold: 700; /* small UI elements only */

  /* Scale */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-3xl: 48px;
  --text-4xl: 64px;

  /* Line heights */
  --leading-tight: 1.12;
  --leading-heading: 1.2;
  --leading-body: 1.65;

  /* Letter spacing — generous spacing is a brand signature */
  --tracking-display: 0.01em;
  --tracking-heading: 0.005em;
  --tracking-body: 0;
  --tracking-label: 0.14em;   /* uppercase labels */
  --tracking-wordmark: 0.32em; /* logotype-style lockups, use rarely */
}