:root {
	--bg: #0e1116;
	--surface: #161b22;
	--surface-2: #1c232d;
	--fg: #f2f5f8;
	--muted: #9aa7b4;
	--border: #2a323c;
	--accent: #2dd4bf;
	--accent-fg: #06231f;
	--warn: #f7b955;
	--danger: #f87171;
}

/* Leaflet fills its container */
#map { height: 100%; width: 100%; background: var(--surface-2); }
.leaflet-container { background: var(--surface-2); font-family: inherit; }

/* thin scrollbars for the planning panel */
.nice-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.nice-scroll::-webkit-scrollbar-thumb { background: var(--border); border-radius: 9999px; }
.nice-scroll::-webkit-scrollbar-track { background: transparent; }