/* Shared design tokens for DOM-based screens. Canvas code uses graphics/palette.js. */
:root {
  color-scheme: dark;
  --arcade-player-one: #ff4f5e;
  --arcade-player-two: #38e27d;
  --arcade-system: #5c8dff;
  --arcade-gold: #ffd166;
  --arcade-background: #07070f;
  --arcade-surface: #12122a;
  --arcade-text: #f2f2ff;
  --arcade-muted: #9a9ac0;
  --arcade-font: "Cascadia Mono", Consolas, "DejaVu Sans Mono", "Liberation Mono", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: var(--arcade-background);
  color: var(--arcade-text);
  font-family: var(--arcade-font);
  cursor: none;
}