:root {
  --fg: #e9f1ff;
  --ink-soft: #a7b4d4;
  --border: rgba(146, 171, 232, 0.36);
  --panel-bg: rgba(8, 13, 24, 0.8);
  --panel-bg-strong: rgba(11, 18, 32, 0.92);
  --line-soft: rgba(120, 144, 206, 0.24);

  --sky-a: #050914;
  --sky-b: #0c1730;
  --sky-c: #1a1633;

  --tile-land: #1a2236;
  --tile-road: #22283f;
  --tile-industrial: #2a2332;
  --tile-park: #182b29;
  --tile-water: #11293b;
  --tile-mountain: #2f3141;
  --tile-plaza: #2f3550;
  --tile-art: #352748;

  --region-purple-top: #6b55a8;
  --region-purple-east: #56448a;
  --region-purple-south: #44356f;
  --region-purple-accent: #d2c7ff;

  --region-red-top: #a25776;
  --region-red-east: #84485f;
  --region-red-south: #69384c;
  --region-red-accent: #ffd0d8;

  --region-green-top: #4b8e79;
  --region-green-east: #3c7463;
  --region-green-south: #2f5d50;
  --region-green-accent: #c9ffe8;

  --region-neutral-top: #62708f;
  --region-neutral-east: #4f5c79;
  --region-neutral-south: #3e4a63;
  --region-neutral-accent: #dbe8ff;

  --space-1: 8px;
  --space-2: 12px;
  --space-3: 16px;
  --space-4: 24px;

  --radius: 0;

  --font-ui: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;
  --font-body: "JetBrains Mono", "IBM Plex Mono", "SF Mono", "Menlo", "Consolas", monospace;
}