@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
	--background: #ffffff;
	--foreground: #171717;
}

/* @media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
} */

body {
	color: var(--foreground);
	background: var(--background);
	font-family: Helvetica, Arial, sans-serif;
}

/* Custom scrollbar */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Focus styles */
.focus-ring {
	@apply focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2;
}

/* Animation utilities */
@keyframes fadeIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.animate-fade-in {
	animation: fadeIn 0.3s ease-out;
}

/* Full-screen map styles */
.map-fullscreen-container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	z-index: 50;
}

/* Ensure map takes full container */
.leaflet-container {
	height: 100% !important;
	width: 100% !important;
}

/* Override any margin/padding that might cause scrollbars */
.map-page {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* Ensure floating panels are above map controls */
.map-floating-panel {
	z-index: 1000 !important;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* Map controls positioning */
.leaflet-control-container .leaflet-top.leaflet-right {
	top: 80px !important; /* Account for floating header */
}