/* ===== TEMA ESCURO (padrão) ===== */
:root {
  --bg: #0f1117;
  --bg-card: #1a1c25;
  --bg-card-elevated: #22252f;
  --accent: #fc5200;
  --accent-glow: rgba(252, 82, 0, 0.15);
  --accent-secondary: #ffb800;
  --text: #f0f0f5;
  --text-secondary: #6e7385;
  --text-dim: #3d4050;
  --border: rgba(255,255,255,0.04);
  --success: #34d399;
  --radius: 18px;
  --radius-sm: 12px;
}

/* ===== TEMA CLARO ===== */
body.light {
  --bg: #f5f5fa;
  --bg-card: #ffffff;
  --bg-card-elevated: #f0f0f5;
  --text: #1a1a2e;
  --text-secondary: #6b7280;
  --text-dim: #d1d5db;
  --border: rgba(0,0,0,0.06);
  --accent-glow: rgba(252, 82, 0, 0.08);
}

body.light .leaflet-control-attribution {
  background: rgba(245,245,250,0.8) !important;
  color: var(--text-dim) !important;
}

body.light .map-badge {
  background: rgba(245, 245, 250, 0.9);
}

body.light .sensor-pill {
  background: rgba(52, 211, 153, 0.08);
}