@font-face {
  font-family: 'Archivo';
  src: url('/vendor/fonts/archivo-latin-standard-normal.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: block;
}
@font-face {
  font-family: 'VT323';
  src: url('/vendor/fonts/vt323-latin-400-normal.woff2') format('woff2');
  font-display: block;
}

:root {
  --bg: #07020f;
  --fg: #fff;
  --accent: #ff2d7a;
  --accent-2: #00e5ff;
  --muted: #8f86a8;
  --ok: #2bff88;
  --bad: #ff3048;
  --font: 'Archivo', 'Arial Black', system-ui, sans-serif;
  --mono: 'VT323', ui-monospace, monospace;
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { margin: 0; height: 100%; background: var(--bg); color: var(--fg); font-family: var(--font); }