/* ==========================================================================
   Escbot — Typography tokens
   Geist for UI (clean, modern, developer-grade), Geist Mono for code/labels.
   ========================================================================== */

:root {
  /* Families */
  --font-sans: "Geist", "SF Pro Display", -apple-system, system-ui, sans-serif;
  --font-mono: "Geist Mono", "SF Mono", ui-monospace, monospace;

  /* Weights */
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;

  /* ---- Type scale (clamped, fluid for hero display) --------------------- */
  --text-display: clamp(2.75rem, 1.6rem + 5.2vw, 5rem); /* @kind spacing */
  --text-h1: clamp(2.25rem, 1.5rem + 3vw, 3.25rem); /* @kind spacing */
  --text-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.5rem); /* @kind spacing */
  --text-h3: 1.5rem;     /* 24px — section card titles */
  --text-h4: 1.25rem;    /* 20px */
  --text-lead: 1.25rem;  /* 20px — sub-headlines */
  --text-body: 1rem;     /* 16px */
  --text-sm: 0.875rem;   /* 14px */
  --text-xs: 0.75rem;    /* 12px — pills, eyebrows, mono labels */

  /* ---- Line heights ----------------------------------------------------- */
  --leading-tight: 1.05;   /* display */
  --leading-snug: 1.2;     /* headings */
  --leading-normal: 1.5;   /* body */
  --leading-relaxed: 1.65; /* long-form paragraphs */

  /* ---- Letter spacing (tight on display, wide on mono eyebrows) --------- */
  --tracking-tighter: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-eyebrow: 0.14em; /* uppercase mono eyebrows */
}