/* tokens.css — design tokens, fonts, theme overrides.
   The single source of truth for colors/shadows/fonts. All other modules
   reference these via var(--*). Loaded first so every later module sees them. */

@font-face {
  font-family: MinecraftRegular;
  src: url("/assets/fonts/MinecraftRegular.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: MinecraftBold;
  src: url("/assets/fonts/MinecraftBold.otf") format("opentype");
  font-display: swap;
}
@font-face {
  font-family: QuicksandLocal;
  src: url("/assets/fonts/Quicksand/regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: QuicksandLocal;
  src: url("/assets/fonts/Quicksand/700.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

:root {
  --page: #f7f8ff;
  --page-2: #ffffff;
  --ink: #111936;
  --muted: #66708d;
  --panel: rgba(255, 255, 255, 0.84);
  --panel-solid: #ffffff;
  --line: #e3e7f2;
  --line-soft: rgba(76, 88, 126, 0.14);
  --grass: #35c985;
  --grass-dark: #14a86a;
  --sky: #6f7dff;
  --gold: #f7b955;
  --redstone: #ef6f7f;
  --violet: #6d4cff;
  --violet-2: #8a45ff;
  --obsidian: #171b25;
  --shadow: 0 22px 70px rgba(43, 52, 103, 0.11);
  --pixel-shadow: 0 10px 26px rgba(70, 66, 140, 0.16);
  --radius: 18px;
  --body-font: QuicksandLocal, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pixel-font: MinecraftRegular, "Courier New", monospace;
  --pixel-bold: MinecraftBold, MinecraftRegular, "Courier New", monospace;
}

/* Dark theme: token overrides keyed off body.dark (legacy) AND [data-theme]. */
body.dark,
body[data-theme="dark"] {
  --page: #111522;
  --page-2: #171d31;
  --ink: #f4f6ff;
  --muted: #b7bed4;
  --panel: rgba(25, 30, 48, 0.88);
  --panel-solid: #1b2136;
  --line: rgba(228, 232, 255, 0.16);
  --line-soft: rgba(228, 232, 255, 0.12);
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.34);
}