/* ============================================================
   GLOAM — self-hosted type. No network calls, no FOUT surprises.

   Cinzel (SIL OFL 1.1)      — display. Roman capitals cut into stone;
     the lettering the city above put on its own foundations.
   Outfit (SIL OFL 1.1)      — body. Geometric, quiet, legible small.
   IBM Plex Mono (SIL OFL 1.1) — readouts: floor numbers, torch, timers.
   Silkscreen (SIL OFL 1.1)  — the game HUD only, to sit level with the
     16px sprites. Never used for prose; it is unreadable in paragraphs.

   Licences: see /assets/fonts/OFL.txt
   ============================================================ */

@font-face {
  font-family: "Cinzel";
  src: url("/assets/fonts/Cinzel-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Cinzel";
  src: url("/assets/fonts/Cinzel-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/Outfit-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/Outfit-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Outfit";
  src: url("/assets/fonts/Outfit-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plex Mono";
  src: url("/assets/fonts/PlexMono.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Silkscreen";
  src: url("/assets/fonts/Silkscreen.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Bind the families into the token layer */
:root {
  --font-display: "Cinzel", "Times New Roman", Georgia, serif;
  --font-sans: "Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
    Roboto, sans-serif;
  --font-mono: "Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas,
    monospace;
  --font-pixel: "Silkscreen", ui-monospace, monospace;
}

h1,
h2,
h3,
.logo__word,
.stat__value,
.btn {
  font-family: var(--font-display);
}

/* Page stylesheets set the display tracking per context (nav logo, hero,
   docs headings). base.css opens the headings up; nothing further here —
   two files fighting over letter-spacing is how it ends up wrong. */