/* ============================================================
   See You Onchain — Typography tokens
   Bai Jamjuree carries everything you read + the logo.
   Onchain Pixel (the brand's self-hosted pixel face) is reserved
   for the glitch letter, tickers and labels.
   ============================================================ */
:root {
  /* --- Families --- */
  --font-display: 'Bai Jamjuree', system-ui, -apple-system, sans-serif;
  --font-body: 'Bai Jamjuree', system-ui, -apple-system, sans-serif;
  --font-pixel: 'Onchain Pixel', 'Pixelify Sans', ui-monospace, monospace; /* glitch + labels */
  --font-code: ui-monospace, 'SF Mono', SFMono-Regular, Menlo, monospace;

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

  /* --- Type scale (px) --- */
  --text-display: 3.2rem;   /* Hero / section titles (clamp in use) */
  --text-h1: 2.4rem;
  --text-h2: 1.9rem;
  --text-h3: 1.1rem;
  --text-lead: 1.28rem;     /* Intro paragraphs */
  --text-body-size: 1rem;
  --text-small: 0.87rem;
  --text-label: 0.72rem;    /* Pixel eyebrow / labels */
  --text-micro: 0.6rem;

  /* --- Line heights --- */
  --leading-tight: 1.08;    /* Display & titles */
  --leading-snug: 1.4;
  --leading-body: 1.6;      /* Default reading */

  /* --- Tracking --- */
  --tracking-title: 0.005em;
  --tracking-label: 0.3em;  /* Pixel eyebrows — wide */
  --tracking-pixel: 0.06em;

  /* --- Semantic --- */
  /* v4: all titles uppercase */
  --title-transform: uppercase; /* @kind other */
}