/* ================================
   Base Theme Backgrounds & Text
   ================================ */
body.blue {
  background-color: #e9f0ff;
  color: #003366;
}

body.green {
  background-color: #eaffea;
  color: #2e5e2e;
}

body.pink {
  background-color: #fff0f5;
  color: #8b004d;
}

body.dark {
  background-color: #343a40;
  color: #e0e0e0;
}

body.sand {
  background-color: #fdf6e3;
  color: #654321;
}


/* ================================
   Navbar Colors
   ================================ */
body.blue .navbar {
  background-color: #cfe2ff !important;
  color: #003366;
}

body.green .navbar {
  background-color: #d3f8d3 !important;
  color: #2e5e2e;
}

body.pink .navbar {
  background-color: #ffe4ec !important;
  color: #8b004d;
}

body.dark .navbar {
  background-color: #3a3a3a !important;
  color: #e0e0e0;
}

body.sand .navbar {
  background-color: #f5e9d7 !important;
  color: #654321;
}

/* Navbar text/link overrides for dark mode */
body.dark .navbar .nav-link,
body.dark .navbar .navbar-brand {
  color: #f0f0f0 !important;
}
body.dark .navbar .nav-link:hover {
  color: #ffffff !important;
}


/* ================================
   Buttons (btn-primary)
   ================================ */
body.blue .btn-primary {
  background-color: #4a90e2;
  border-color: #4a90e2;
}
body.green .btn-primary {
  background-color: #4caf50;
  border-color: #4caf50;
}
body.pink .btn-primary {
  background-color: #e91e63;
  border-color: #e91e63;
}
body.dark .btn-primary {
  background-color: #6c757d;
  border-color: #6c757d;
}
body.sand .btn-primary {
  background-color: #c2a477;
  border-color: #c2a477;
}


/* ================================
   Table Styling
   ================================ */
body.dark table,
body.dark table th,
body.dark table td {
  background-color: #2e2e2e;
  color: #e0e0e0;
  border-color: #444;
}
body.dark .table-striped tbody tr:nth-of-type(odd) {
  background-color: #3a3a3a;
}

body.blue .table-striped tbody tr:nth-of-type(odd) {
  background-color: #dbeaff;
}
body.green .table-striped tbody tr:nth-of-type(odd) {
  background-color: #dfffe0;
}
body.pink .table-striped tbody tr:nth-of-type(odd) {
  background-color: #ffeaf2;
}
body.sand .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f1df;
}


/* ================================
   Alert Styling
   ================================ */
body.dark .alert {
  background-color: #2e2e2e;
  color: #f0f0f0;
  border-color: #555;
}
body.blue .alert {
  background-color: #dbeaff;
  color: #003366;
}
body.green .alert {
  background-color: #dcffe0;
  color: #2e5e2e;
}
body.pink .alert {
  background-color: #ffe5ec;
  color: #8b004d;
}
body.sand .alert {
  background-color: #fff6e6;
  color: #654321;
}


/* ================================
   Toast Styling
   ================================ */
/* ================================
   Toast Styling (Universal)
   ================================ */

.toast {
  color: #fff;
  font-weight: 500;
}

/* Success (greenish) */
.toast.bg-success {
  background-color: #198754 !important;
}

/* Danger (reddish) */
.toast.bg-danger {
  background-color: #dc3545 !important;
}

/* Info (blue) */
.toast.bg-info {
  background-color: #0d6efd !important;
}

/* Warning (amber) */
.toast.bg-warning {
  background-color: #ffc107 !important;
  color: #000; /* better contrast on yellow */
}

/* Optional: adjust close button color */
.toast .btn-close {
  filter: invert(1); /* white cross on dark bg */
}

/* Optional: dark mode fallback */
body.dark .toast {
  box-shadow: 0 0 6px #000;
}


/* ================================
   Modal Styling (dark only)
   ================================ */
body.dark .modal-content {
  background-color: #2f2f2f;
  color: #e0e0e0;
}
body.dark .modal-header,
body.dark .modal-footer {
  border-color: #444;
}


/* ================================
   Classic Theme (Default)
   ================================ */
body.classic {
  background-color: #ffffff;
  color: #212529;
}

/* Navbar */
body.classic .navbar {
  background-color: #f8f9fa !important;
  color: #212529;
}

/* Buttons */
body.classic .btn-primary {
  background-color: #0d6efd;
  border-color: #0d6efd;
}

/* Table */
body.classic .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f2f2f2;
}

/* Alerts */
body.classic .alert {
  background-color: #f8f9fa;
  color: #212529;
  border-color: #ced4da;
}

/* Toasts (reuse universal styles) */
body.classic .toast {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
}

/* Modals */
body.classic .modal-content {
  background-color: #ffffff;
  color: #212529;
}
body.classic .modal-header,
body.classic .modal-footer {
  border-color: #dee2e6;
}