/* Theme Variables - Light Mode */
[data-bs-theme='light'] {
  /* Base Colors */
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;

  /* Component Colors */
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;

  /* Border Colors */
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);

  /* Card Colors */
  --bs-card-bg: #ffffff;
  --bs-card-border-color: rgba(0, 0, 0, 0.125);

  /* Dropdown Colors */
  --bs-dropdown-bg: #ffffff;
  --bs-dropdown-link-color: #212529;
  --bs-dropdown-link-hover-bg: #e9ecef;

  /* Navbar Colors */
  --bs-navbar-bg: #f8f9fa;
  --bs-navbar-color: #212529;
}

/* Theme Variables - Dark Mode */
[data-bs-theme='dark'] {
  /* Base Colors */
  --bs-body-bg: #212529;
  --bs-body-color: #f8f9fa;

  /* Component Colors */
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;

  /* Border Colors */
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.175);

  /* Card Colors */
  --bs-card-bg: #2c3034;
  --bs-card-border-color: rgba(255, 255, 255, 0.125);

  /* Dropdown Colors */
  --bs-dropdown-bg: #2c3034;
  --bs-dropdown-link-color: #f8f9fa;
  --bs-dropdown-link-hover-bg: #343a40;

  /* Navbar Colors */
  --bs-navbar-bg: #343a40;
  --bs-navbar-color: #f8f9fa;
}

/* Custom Component Styles */
.navbar {
  background-color: var(--bs-navbar-bg) !important;
  color: var(--bs-navbar-color) !important;
}

.card {
  background-color: var(--bs-card-bg) !important;
  border-color: var(--bs-card-border-color) !important;
}

.dropdown-menu {
  background-color: var(--bs-dropdown-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dropdown-item {
  color: var(--bs-dropdown-link-color) !important;
}

.dropdown-item:hover {
  background-color: var(--bs-dropdown-link-hover-bg) !important;
}