/* ============================================================
   Club de Innovación · Uvitec — Typography tokens
   One typeface: Plus Jakarta Sans. Italic is a real brand voice
   (headline emphasis, event "bajadas"). Tight tracking on headings.
   ============================================================ */
:root {
  --font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);

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

  /* ---- Sizes (px scale as used across the site) ---- */
  --text-hero: 48px;      /* h1 hero (md:text-5xl) */
  --text-h1: 36px;        /* h1 (text-4xl) / page titles text-3xl=30 */
  --text-h2: 24px;        /* section headings (text-2xl) */
  --text-h3: 20px;        /* card / block headings (text-xl) */
  --text-h4: 18px;        /* small headings (text-lg) */
  --text-body: 16px;      /* base */
  --text-sm: 14px;        /* dense body, nav, descriptions */
  --text-xs: 12px;        /* captions, meta */
  --text-micro: 10px;     /* uppercase eyebrows, badges */

  /* ---- Line heights ---- */
  --lh-tight: 1.1;        /* hero headlines */
  --lh-snug: 1.25;        /* headings */
  --lh-normal: 1.5;       /* body */
  --lh-relaxed: 1.65;     /* long-form paragraphs */

  /* ---- Letter spacing ---- */
  --tracking-heading: -0.01em;   /* headings pull in slightly */
  --tracking-normal: 0;
  --tracking-wide: 0.05em;
  --tracking-widest: 0.14em;     /* uppercase eyebrows / badges */
}