/* VE GAMERZ — Typography tokens
   Chakra Petch = display voice (angular, gaming, uppercase).
   Inter = body/UI. JetBrains Mono = data, timestamps, stat counters. */
:root{
  /* ── Families ───────────────────────────── */
  --f-display:'Chakra Petch',sans-serif; /* @kind font */
  --f-body:'Inter',sans-serif;           /* @kind font */
  --f-data:'JetBrains Mono',monospace;   /* @kind font */

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

  /* ── Sizes ──────────────────────────────── */
  --fs-d1:52px;      /* display 1 — hero / DOMINATE  @kind font */
  --fs-d2:34px;      /* display 2 — section heading  @kind font */
  --fs-d3:22px;      /* display 3 — card subhead     @kind font */
  --fs-lg:18px;      /* lead paragraph               @kind font */
  --fs-body:17px;    /* body copy                    @kind font */
  --fs-sm:15px;      /* small body / inputs          @kind font */
  --fs-cap:13px;     /* caption / data               @kind font */
  --fs-eyebrow:12px; /* eyebrow / label              @kind font */
  --fs-micro:11px;   /* meta / tags                  @kind font */

  /* ── Line heights ───────────────────────── */
  --lh-tight:1.05; /* @kind font */
  --lh-snug:1.25;  /* @kind font */
  --lh-body:1.6;   /* @kind font */

  /* ── Letter spacing / tracking ──────────── */
  --track-display:-.01em; /* tight display headings   @kind font */
  --track-eyebrow:.28em;  /* eyebrow labels           @kind font */
  --track-caption:.22em;  /* mono captions            @kind font */
  --track-label:.16em;    /* form labels, small caps  @kind font */
  --track-button:.10em;   /* button text              @kind font */
}
