/* VOdds — Typography tokens
   Display headlines are heavy, wide and frequently UPPERCASE + italic
   (Gunterz). Body is Plus Jakarta Sans. Odds / countdowns use a squared
   techno face (Benzin). */

:root {
  /* Families (substitutes noted in fonts.css) */
  --font-display: 'Archivo', 'Archivo Black', 'Gunterz', system-ui, sans-serif;
  --font-body: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  --font-tech: 'Chakra Petch', 'Benzin', 'Plus Jakarta Sans', 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 */
  --fw-black: 900; /* @kind font */

  /* Display type scale (marketing headlines) */
  --text-hero: 64px;     /* big banner headline */
  --text-display: 48px;
  --text-h1: 36px;
  --text-h2: 30px;
  --text-h3: 25px;
  --text-title: 20px;

  /* Body scale */
  --text-lg: 18px;
  --text-base: 15px;     /* default email/body size */
  --text-sm: 14px;
  --text-xs: 12px;
  --text-2xs: 10px;

  /* Line heights */
  --lh-tight: 1.05; /* @kind other */
  --lh-snug: 1.2; /* @kind other */
  --lh-normal: 1.5; /* @kind other */

  /* Tracking */
  --tracking-tagline: 0.22em; /* @kind other */
  --tracking-eyebrow: 0.08em; /* @kind other */
}