/* The one set of house design tokens, shared by every surface on this origin: the game lobby
   (web/lobby/lobby.css), the React leaderboard (web/leaderboard/src/styles.css) and astroball.io
   (web/astroball-home/index.html). Every value here is transcribed VERBATIM from the copy it
   replaced — landing this file changed nothing on screen, it only stopped four copies of the
   same palette drifting apart (plans/SHELL_PLAN.md Stage 1).

   Each consumer keeps its own local names and aliases them here (--lobby-accent: var(--ig-accent),
   --accent: var(--ig-accent), …), so no stylesheet needed a find-replace, and the values that
   genuinely differ per surface (the lobby's darker --lobby-bg, for one) stay where they are.

   The @font-face url() is relative, so this file has to ship next to the woff2 it names — which
   it does in every directory it reaches: web/lobby/ (tools/mock-lobby), each game's WebGL
   template and dist/<game>/ (tools/sync-lobby.sh + ship.sh's LOBBY_FILES, one list mirroring the
   other), dist/astroball-home/ (ship.sh cp) and the Vite bundle (which hashes both). */

/* Unbounded, the house display face (variable 400-900, latin subset): wordmarks, team labels,
   CTAs, every surface. Self-hosted on purpose - no CDN, so a page still renders off Cloudflare
   static assets (or a warm cache) with no third-party request. */
@font-face {
  font-family: "Unbounded";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("unbounded-latin.woff2") format("woff2");
}

:root {
  /* Surface and ink. */
  --ig-bg: #030309;
  --ig-ink: #ffffff;
  --ig-ink-dim: #a5adc4;
  --ig-card: rgba(255, 255, 255, 0.045);
  --ig-edge: rgba(255, 255, 255, 0.11);
  /* The one house accent (astroball.io violet), and the one error red. */
  --ig-accent: #a34bff;
  --ig-danger: #ff6b6b;
  /* The house button: the astroball.io PLAY NOW gradient, red -> violet, on near-black ink. */
  --ig-cta-grad-a: #ff2e3e;
  --ig-cta-grad-b: #784bff;
  --ig-cta-ink: #06070c;
  --ig-radius: 16px;
  --ig-display: "Unbounded", "Arial Black", -apple-system, sans-serif;
  /* Body copy stays on the system stack (the lobby's rule): nothing load-bearing waits on a font
     that may still be swapping in. astroball.io keeps its own Space Grotesk body face. */
  --ig-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}