/* ============================================================
   AJ AUTO · TYPOGRAPHY
   UI / Display / Body: Inter (heavy weights + tight tracking for headlines)
   Data / numeric: JetBrains Mono (prices, VIN, specs — tabular)
   Logo wordmark: Roboto Slab (branding only)
   ============================================================ */
:root {
  --font-display: 'Inter', system-ui, -apple-system, sans-serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', monospace;
  --font-slab: 'Roboto Slab', Georgia, 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 */

  /* Type scale (px) */
  --text-display-xl: 64px;  /* hero headline */
  --text-display-lg: 48px;
  --text-display-md: 36px;  /* section opener */
  --text-h1: 30px;
  --text-h2: 24px;
  --text-h3: 20px;
  --text-h4: 17px;
  --text-body-lg: 18px;
  --text-body: 15px;
  --text-body-sm: 13px;
  --text-caption: 12px;
  --text-overline: 11px;

  /* Line heights */
  --lh-tight: 1.04;     /* @kind font */
  --lh-snug: 1.18;      /* @kind font */
  --lh-normal: 1.5;     /* @kind font */
  --lh-relaxed: 1.65;   /* @kind font */

  /* Letter spacing */
  --ls-tighter: -0.03em;  /* @kind font */
  --ls-tight: -0.02em;    /* @kind font */
  --ls-normal: 0;         /* @kind font */
  --ls-wide: 0.03em;      /* @kind font */
  --ls-overline: 0.14em;  /* @kind font */
}