/* ============================================================
   COMPIE — TYPOGRAPHY TOKENS
   Display: Bebas Neue (tall condensed caps — headlines, numbers).
   Text/UI: Space Grotesk (geometric grotesque — body & interface).
   ============================================================ */

:root {
  /* Families */
  --font-display: "Bebas Neue", "Anton", Impact, sans-serif;
  --font-sans:    "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "Space Grotesk", ui-monospace, "SF Mono", Menlo, monospace;
  /* Hebrew body/UI (RTL collateral). Weights 200–800. Pair with Bebas Neue
     for Latin display; Assistant carries Hebrew running text. */
  --font-hebrew:  "Assistant", "Space Grotesk", -apple-system, "Segoe UI", sans-serif;

  /* Weights (Space Grotesk) */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* Display scale — Bebas Neue, line-height ~1.0–1.1, tight */
  --display-2xl: 256px; /* cover hero */
  --display-xl:  120px;
  --display-lg:  96px;  /* color names, big numerals */
  --display-md:  72px;  /* section headers */
  --display-sm:  48px;  /* sub headers */

  /* Text scale — Space Grotesk */
  --text-7xl: 64px;   /* lead statements */
  --text-5xl: 48px;
  --text-3xl: 32px;
  --text-2xl: 28px;
  --text-xl:  24px;   /* large body */
  --text-lg:  20px;
  --text-md:  16px;   /* base UI */
  --text-sm:  14px;
  --text-xs:  13px;

  /* Line heights */
  --leading-display: 1.05;
  --leading-tight:   1.1;
  --leading-snug:    1.3;
  --leading-normal:  1.4;
  --leading-relaxed: 1.5;

  /* Letter spacing */
  --tracking-display: 0.01em;  /* Bebas reads well with a hair of spacing */
  --tracking-normal:  0;
  --tracking-wide:    0.04em;   /* small caps labels */
}