:root {
  color-scheme: dark;
  --fixed-theme-scheme: dark;
  --font-sans: "Courier New", ui-monospace, monospace;
  --background: #121315;
  --surface: #181c18;
  --surface-raised: #1d221c;
  --muted: #26321d;
  --control: #1b211a;
  --control-hover: #26321d;
  --interaction-hover: var(--muted);
  --interaction-active: var(--control-hover);
  --text: #e8f0da;
  --secondary: #9aa58f;
  --border: #3f5138;
  --border-strong: #657d59;
  --accent: #b6ff3b;
  --positive: #b6ff3b;
  --negative: #ff5f5f;
  --chart-1: #b6ff3b;
  --chart-2: #ff4fd8;
  --chart-3: #00e6ff;
  --chart-4: #0aa34f;
  --chart-5: #ffce3a;
  --chart-6: #ff5f5f;
  --chart-7: #9a75ff;
  --chart-8: #e8f0da;
  --movement-positive: color-mix(in srgb, var(--chart-1) 70%, var(--text));
  --movement-negative: color-mix(in srgb, var(--chart-4) 70%, var(--text));
  --chart-neutral-fill: color-mix(in srgb, var(--text) 3%, var(--surface));
  --ranked-list-fill: color-mix(in srgb, var(--chart-1) 16%, var(--surface));
  --ranked-list-fill-hover: color-mix(in srgb, var(--chart-1) 24%, var(--surface));
  --movement-total: var(--secondary);
  --card-radius: 0;
  --control-radius: 0;
  --mark-radius: 0;
  --card-shadow: 4px 4px 0 #000;
  --shadow: 4px 4px 0 #000;
}