:root {
  color-scheme: dark;

  /* Change the arcade palette here. Controls, map, sprites and PNG receipts use it. */
  --team-ai: #78ff24;
  --team-human: #dc48ff;
  --background: #100717;
  --panel: #191022;
  --panel-raised: #241430;
  --line: #523662;
  --text: #fcf1ff;
  --muted: #cdb7d3;
  --ink: #170b20;
  --paper: #f5e5ff;
  --accent-warm: #ffc49b;
  --accent-cool: #77f4d8;
  --map-blank: #633f78;
  --white: #fff;
  --transparent: transparent;

  --ai-deep: color-mix(in srgb, var(--team-ai) 51%, var(--background));
  --human-deep: color-mix(in srgb, var(--team-human) 56%, var(--background));
  --human-glow: color-mix(in srgb, var(--team-human) 25%, transparent);
  --ai-glow: color-mix(in srgb, var(--team-ai) 19%, transparent);
  --panel-glass: color-mix(in srgb, var(--panel) 94%, transparent);
  --focus: var(--accent-cool);

  --font-display: Impact, Haettenschweiler, "Arial Black", system-ui, sans-serif;
  --font-text: system-ui, -apple-system, sans-serif;
  --font-label: ui-monospace, "SFMono-Regular", Consolas, monospace;
  --content-width: 1060px;
  --page-gutter: clamp(16px, 4vw, 44px);
  --scroll-offset: 26px;
}