@layer themes {
  body[data-canvas-theme="warm"] .canvas {
    --map-surface: #1b120c;
    --map-grid: rgb(217 180 124 / 12%);
  }
  body[data-canvas-theme="calm"] .canvas {
    --map-surface: #0b1316;
    --map-grid: rgb(94 208 189 / 11%);
  }
  body[data-canvas-theme="contrast"] .canvas {
    --map-surface: #050505;
    --map-grid: rgb(255 255 255 / 28%);
  }
}