/* ───────────────────────────────────────────────────────────────
   Kenny — Typography tokens
   Two voices:
   • Display/pixel  → Pixelify Sans (subbed for "Minecraft Rus").
     Used for ALL launcher UI, headings, buttons, tags, prices.
   • Body/sans      → Roboto. Used for website body & long-form copy.
   Pixel type is set in a tight blocky grid; sizes step in big jumps.
   ─────────────────────────────────────────────────────────────── */
:root {
  /* ── Families ── */
  --font-pixel: "Pixelify Sans", "Minecraft Rus", ui-monospace, "Segoe UI",
    monospace;
  --font-sans: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Helvetica Neue", Arial, sans-serif;

  /* ── Display / pixel scale (px, matches the .fig) ── */
  --fs-pixel-hero: 64px;    /* modpack title                          */
  --fs-pixel-display: 48px; /* big button label / landing H1          */
  --fs-pixel-h1: 40px;      /* prices, section headers                */
  --fs-pixel-h2: 32px;      /* descriptions, player name, section name */
  --fs-pixel-h3: 24px;      /* tags, list labels, subhead             */
  --fs-pixel-body: 20px;    /* meta lines (playtime)                  */

  /* ── Body / sans scale ── */
  --fs-body-lg: 20px;
  --fs-body: 16px;          /* website body default                   */
  --fs-body-sm: 14px;
  --fs-caption: 12px;

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

  /* ── Line heights ── */
  --lh-tight: 1;   /* @kind other */
  --lh-snug: 1.1;  /* @kind other */
  --lh-body: 1.5;  /* @kind other */

  /* ── Semantic roles ── */
  --text-hero: var(--fw-regular) var(--fs-pixel-hero) / var(--lh-tight)
    var(--font-pixel);
  --text-title: var(--fw-regular) var(--fs-pixel-h2) / var(--lh-snug)
    var(--font-pixel);
  --text-label: var(--fw-regular) var(--fs-pixel-h3) / var(--lh-tight)
    var(--font-pixel);
  --text-body: var(--fw-regular) var(--fs-body) / var(--lh-body)
    var(--font-sans);
}