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

@layer base {
  body {
    @apply bg-gray-950 text-gray-100 antialiased;
    font-family: system-ui, -apple-system, sans-serif;
  }
}

/* Leaflet dark mode fixes */
.leaflet-container {
  background: #1a1a2e;
}

/* Custom scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #374151; border-radius: 3px; }

/* HR zone colours */
.zone-1 { color: #60a5fa; }
.zone-2 { color: #34d399; }
.zone-3 { color: #fbbf24; }
.zone-4 { color: #f97316; }
.zone-5 { color: #f43f5e; }

.zone-bg-1 { background-color: #1e3a5f; }
.zone-bg-2 { background-color: #065f46; }
.zone-bg-3 { background-color: #78350f; }
.zone-bg-4 { background-color: #7c2d12; }
.zone-bg-5 { background-color: #881337; }