/* The "Broadcast" tokens (docs/ui/UI-GUIDELINES.md), the same values as the game's
   crates/client/src/ui/ds/tokens.rs. A test in crates/auth (site.rs) fails if they drift. */

@font-face {
  font-family: "Archivo Black";
  src: url("/fonts/ArchivoBlack-ascii.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Fira Mono";
  src: url("/fonts/FiraMono-ascii.ttf") format("truetype");
  font-display: swap;
}

:root {
  /* color */
  --bg-base: #121212;
  --bg-overlay: #000000d9;
  --bg-panel: #1e1e1e;
  --bg-raised: #333333;
  --fg-primary: #ffffff;
  --fg-muted: #bdbdbd;
  --fg-disabled: #666666;
  --accent-live: #ff7a00;
  --danger: #e3342f;

  /* type: two faces, ASCII only */
  --face-display: "Archivo Black", "Arial Black", sans-serif;
  --face-mono: "Fira Mono", ui-monospace, monospace;
  --type-hud-size: 32px;
  --type-display-size: 26px;
  --type-button-size: 20px;
  --type-name-size: 22px;
  --type-chip-size: 13px;
  --type-hero-size: 160px;
  --type-body-size: 14px;
  --type-caption-size: 12px;

  /* space: the 4 px grid */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* shape: no radius, shadow or gradient, ever */
  --outline: 2px;
  --row-height: 32px;
  --header-height: 44px;
  --button-small: 44px;
  --button-standard: 56px;
  --button-hero: 64px;
}