/* design tokens for invaders. family arcade, palette verbatim from the catalog
   record: bg #000000, surface #000000, ink #FFFFFF, muted #8E8E8E,
   accent #94EA3E, accent-ink #0A0A0A. dark is the record's own theme; light is
   derived from it and measured by scripts/contrast.mjs (quoted in AGENTS.md). */

/* chivo, self-hosted from @fontsource-variable/chivo 5.3.0 (OFL-1.1, see
   src/fonts/SOURCE.md). latin subset, one variable file for every weight. */
@font-face {
  font-family: "Chivo";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("./fonts/chivo-latin-wght-normal.woff2") format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --bg: #000000;
  --surface: #000000;
  --ink: #ffffff;
  --muted: #8e8e8e;
  --accent: #94ea3e;
  --accent-fill: #94ea3e;
  --accent-ink: #0a0a0a;
  --danger: #ff6b6b;
  --focus: #94ea3e;
  --line: #2a2a2a;

  --font-display: "Chivo", system-ui, sans-serif;
  --font-body: "Chivo", system-ui, sans-serif;

  /* radius pill, density tight, surface flat (record) */
  --radius: 999px;
  --gap: 8px;
  --gap-lg: 16px;
  --tap: 44px;

  color-scheme: dark;
}

:root[data-theme="light"] {
  --bg: #ffffff;
  --surface: #ffffff;
  --ink: #000000;
  --muted: #5c5c5c;
  --accent: #2f6a0c;
  --accent-fill: #94ea3e;
  --accent-ink: #0a0a0a;
  --danger: #b3261e;
  --focus: #2f6a0c;
  --line: #d6d6d6;
  color-scheme: light;
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #ffffff;
    --surface: #ffffff;
    --ink: #000000;
    --muted: #5c5c5c;
    --accent: #2f6a0c;
    --accent-fill: #94ea3e;
    --accent-ink: #0a0a0a;
    --danger: #b3261e;
    --focus: #2f6a0c;
    --line: #d6d6d6;
    color-scheme: light;
  }
}