/* ============================================
   Theme: Slate Professional
   Minimalist gray/slate accent, elegant and clean
   ============================================ */

body[data-theme="slate"] {
  --bg-primary: #f8fafc;
  --bg-secondary: #ffffff;
  --bg-card: #e2e8f0;
  --bg-card-hover: #cbd5e1;
  --text-primary: #0f172a;
  --text-secondary: #475569;
  --accent: #475569;
  --accent-hover: #334155;
  --success: #166534;
  --danger: #991b1b;
  --warning: #92400e;
}

body[data-theme="slate"] .nav-btn.active {
  background: var(--accent);
  box-shadow: 0 2px 4px rgba(71, 85, 105, 0.3);
}

body[data-theme="slate"] .building-card:hover {
  border-left: 3px solid var(--accent);
}

body[data-theme="slate"] .spot.selected {
  border-color: var(--accent);
  box-shadow: 0 0 10px rgba(71, 85, 105, 0.4);
}