*, *::before, *::after { box-sizing: border-box; }

:root {
  --color-primary: #0056b3;
  --color-primary-dark: #004494;
  --color-bg: #f4f6f9;
  --color-text: #1a1a2e;
  --color-muted: #6c757d;
  --color-border: #dee2e6;
  --color-surface: #ffffff;
  --radius: 10px;
  --shadow: 0 2px 8px rgba(0,0,0,0.07);
}

html, body {
  margin: 0;
  padding: 0;
  background: var(--color-bg);
  color: var(--color-text);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

a { color: var(--color-primary); }

/* Leaflet z-index fix (évite que la carte passe devant le header sticky) */
.leaflet-pane,
.leaflet-top,
.leaflet-bottom {
  z-index: 400 !important;
}
.leaflet-control { z-index: 500 !important; }