/* ============================================
   Theme: Teal Professional
   Modern teal accent with warm undertones
   ============================================ */

body[data-theme="teal"] {
  --bg-primary: #f0fdfa;
  --bg-secondary: #ffffff;
  --bg-card: #ccfbf1;
  --bg-card-hover: #99f6e4;
  --text-primary: #134e4a;
  --text-secondary: #5f7a7a;
  --accent: #0d9488;
  --accent-hover: #0f766e;
  --success: #15803d;
  --danger: #b91c1c;
  --warning: #b45309;
}

body[data-theme="teal"] .nav-btn.active {
  background: var(--accent);
  box-shadow: 0 2px 4px rgba(13, 148, 136, 0.3);
}

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

body[data-theme="teal"] .spot.selected {
  border-color: var(--accent);
  box-shadow: 0 0 10px rgba(13, 148, 136, 0.4);
}