/* ============================================================
   Yieldz — Typography tokens
   Display/brand: Tickerbit (pixel grotesque, matches the logo)
   UI/body:       PP Mori (Regular + Semibold)
   ============================================================ */

@font-face {
  font-family: "Tickerbit";
  src: url("../assets/fonts/Tickerbit-regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Mori";
  src: url("../assets/fonts/PPMori-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "PP Mori";
  src: url("../assets/fonts/PPMori-Semibold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Families */
  --font-display: "Tickerbit", "Courier New", monospace;
  --font-sans: "PP Mori", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Tickerbit", ui-monospace, "SF Mono", Menlo, monospace;

  /* Semantic family aliases */
  --font-brand: var(--font-display);   /* logos, hero words, tickers, numerals */
  --font-body: var(--font-sans);        /* everything readable */

  /* Type scale (px, 1.25 major-third-ish, tuned) */
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-md: 18px;
  --text-lg: 22px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-3xl: 48px;
  --text-4xl: 64px;
  --text-5xl: 84px;

  /* Weights (PP Mori only ships 400 / 600) */
  --weight-regular: 400;
  --weight-semibold: 600;

  /* Line heights */
  --leading-tight: 1.05;
  --leading-snug: 1.2;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing — Tickerbit is a pixel face; give display a touch of air */
  --tracking-tight: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-wider: 0.12em;   /* eyebrows / labels, uppercase */
}