@font-face {
  font-family: 'Press Start 2P';
  src: url('../fonts/press-start-2p-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --bg: #cfcfcf;
  --bg-grid: rgba(97, 97, 97, 0.10);
  --text: #1a1a1a;
  --text-muted: #616161;
  --chrome-light: #f5f5f5;
  --chrome-mid: #cfcfcf;
  --chrome-dark: #9a9a9a;
  --border-light: #ffffff;
  --border-dark: #616161;
  --window-bg: #e8e8e8;
  --link-hover: #ffffcc;
  --accent: #000080;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1a1a1a;
  --bg-grid: rgba(207, 207, 207, 0.06);
  --text: #cfcfcf;
  --text-muted: #909090;
  --chrome-light: #444444;
  --chrome-mid: #2e2e2e;
  --chrome-dark: #1a1a1a;
  --border-light: #555555;
  --border-dark: #0a0a0a;
  --window-bg: #242424;
  --link-hover: #2a3a3a;
  --accent: #00ffff;
}