@import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400..700&display=swap');

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  font-family: Inter, "Segoe UI", sans-serif;
  background: #f2f2ef;
}

html[data-theme="dark"] body {
  background: #0b0c0e;
}

html[data-stage="dark"] body {
  background: #050505;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.maplibregl-ctrl-attrib {
  display: none !important;
}

.maplibregl-canvas {
  width: 100% !important;
  height: 100% !important;
}

@media print {
  * {
    height: auto !important;
    overflow: visible !important;
  }
}