/* ============================================================
   Eliten — Typography tokens
   Inter (UI/body) · Space Grotesk (display) · IBM Plex Mono (mono).
   Mono is used for eyebrows, numeric/credit values and code.
   ============================================================ */

:root {
  --font-sans:
    "Inter", "Inter Variable", ui-sans-serif, system-ui, sans-serif;
  --font-display:
    "Space Grotesk", "Space Grotesk Variable", "Inter", ui-sans-serif,
    system-ui, sans-serif;
  --font-mono:
    "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* Caps-eyebrow letter spacing (font-mono, uppercase, 10–12px) */
  --tracking-eyebrow: 0.08em;

  /* Display headings tighten slightly */
  --tracking-display: -0.02em;

  /* Type scale (Tailwind defaults the product uses) */
  --text-xs: 0.75rem;      /* 12px */
  --text-sm: 0.875rem;     /* 14px */
  --text-base: 1rem;       /* 16px */
  --text-lg: 1.125rem;     /* 18px */
  --text-xl: 1.25rem;      /* 20px */
  --text-2xl: 1.5rem;      /* 24px */
  --text-3xl: 1.875rem;    /* 30px */
  --text-4xl: 2.25rem;     /* 36px */
  --text-5xl: 3rem;        /* 48px */

  --leading-tight: 1.15;
  --leading-snug: 1.35;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;
}