/* ─────────────────────────────────────────────────────────────
   ARENA — Typography
   Onest is the brand display + UI face; Inter is the secondary UI face.
   Type scale transcribed from the source frames (px, exact).
   ───────────────────────────────────────────────────────────── */

:root {
  --font-display: 'Onest', var(--font-fallback);
  --font-ui: 'Onest', var(--font-fallback);
  --font-inter: 'Inter', var(--font-fallback);

  /* Weights */
  --fw-regular: 400;   /* @kind font */
  --fw-medium: 500;    /* @kind font */
  --fw-semibold: 600;  /* @kind font */
  --fw-bold: 700;      /* @kind font */

  /* ── Type scale (font-size / line-height / tracking) ── */
  /* Display — palette hero */
  --text-display-size: 56px;   --text-display-lh: 64px;   --text-display-ls: -1.5px;
  /* Numeral / big stat */
  --text-numeral-size: 48px;   --text-numeral-lh: 56px;   --text-numeral-ls: -1px;
  /* H3 — page title */
  --text-h3-size: 24px;        --text-h3-lh: 30px;        --text-h3-ls: -0.04em;
  /* Body L — subtitle */
  --text-bodyl-size: 16px;     --text-bodyl-lh: 24px;     --text-bodyl-ls: -0.04em;
  /* Body S — default UI text */
  --text-bodys-size: 14px;     --text-bodys-lh: 18px;     --text-bodys-ls: -0.02em;
  /* Menu item text */
  --text-menu-size: 14px;      --text-menu-lh: 20px;      --text-menu-ls: -0.04em;
  /* Body XS — captions, eyebrows */
  --text-bodyxs-size: 12px;    --text-bodyxs-lh: 14px;    --text-bodyxs-ls: 0;
  /* Eyebrow / all-caps label */
  --text-eyebrow-size: 16px;   --text-eyebrow-lh: 24px;   --text-eyebrow-ls: 2px;
}