/* ============================================================
   VELOCITY — TYPOGRAPHY TOKENS
   Bebas Neue — headings, bold statements (line-height ~0.87)
   Poppins   — body, accent, links (line-height 0.80–1.10)
   ============================================================ */
:root {
  --font-display: 'Bebas Neue', 'Arial Narrow', sans-serif;
  --font-body: 'Poppins', -apple-system, 'Segoe UI', sans-serif;

  /* Display scale (Bebas Neue) */
  --display-1: 64px;
  --display-2: 44px;
  --display-3: 32px;
  --display-4: 24px;

  /* Body scale (Poppins) */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 16px;
  --text-lg: 20px;

  /* Line heights: display=headings, tight=accent, body=paragraphs */
  --lh-display: 0.87; /* @kind font */
  --lh-tight: 1.1; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Letter spacing: display=headings, caps=all-caps buttons, label=uppercase labels */
  --ls-display: 0.02em; /* @kind font */
  --ls-caps: 0.08em; /* @kind font */
  --ls-label: 0.06em; /* @kind font */

  /* Weights (Poppins) */
  --fw-light: 300;      /* @kind font */
  --fw-regular: 400;    /* @kind font */
  --fw-medium: 500;     /* @kind font */
  --fw-semibold: 600;   /* @kind font */
  --fw-bold: 700;       /* @kind font */
}