/* ================================================================
   AFK Legion — Typography
   Display: Pixelify Sans (chunky pixel headings)
   UI/body: Nunito (warm, rounded, cozy, legible)
   Numerals/labels: Silkscreen (pixel counters, badges, wallet)
   NOTE: no brand font files were provided — these are the closest
   Google Fonts matches for the pixel/cozy vibe. See readme.
   ================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Nunito:ital,wght@0,400..900;1,400..800&family=Silkscreen:wght@400;700&display=swap');

:root {
  /* Families */
  --font-display: 'Pixelify Sans', 'Silkscreen', system-ui, sans-serif;
  --font-ui:      'Nunito', system-ui, -apple-system, sans-serif;
  --font-pixel:   'Silkscreen', 'Pixelify Sans', monospace; /* counters, tags */

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

  /* Type scale (rem, 16px base) */
  --text-2xs: 0.6875rem;  /* 11px — pixel micro-labels */
  --text-xs:  0.75rem;    /* 12 */
  --text-sm:  0.875rem;   /* 14 */
  --text-md:  1rem;       /* 16 — body */
  --text-lg:  1.125rem;   /* 18 */
  --text-xl:  1.375rem;   /* 22 */
  --text-2xl: 1.75rem;    /* 28 */
  --text-3xl: 2.25rem;    /* 36 */
  --text-4xl: 3rem;       /* 48 */
  --text-5xl: 4rem;       /* 64 — hero */
  --text-6xl: 5.5rem;     /* 88 */

  /* Line heights */
  --lh-tight:   1.05;  /* @kind font */
  --lh-heading: 1.15;  /* @kind font */
  --lh-snug:    1.35;  /* @kind font */
  --lh-body:    1.55;  /* @kind font */

  /* Letter spacing */
  --ls-display: 0.01em;
  --ls-pixel:   0.06em;   /* Silkscreen wants a touch of air */
  --ls-caps:    0.12em;
}
