/* System Theme Detection - Auto Dark/Light Mode */
@media (prefers-color-scheme: dark) {
  :root {
    --bs-body-bg: #1a1a1a;
    --bs-body-color: #ffffff;
    --bs-emphasis-color: #ffffff;
  }
}

@media (prefers-color-scheme: light) {
  :root {
    --bs-body-bg: #ffffff;
    --bs-body-color: #212529;
    --bs-emphasis-color: #000000;
  }
}

/* Smooth transition for theme changes - only for themeable elements */
body, .card, .btn, .form-control, .dropdown-menu, .modal, .navbar {
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}