/* ========== LIGHT MODE ========== */
body.light-mode {
  background: #f8f9fa;
  color: #212529;
}

/* Topbar (Header) */
body.light-mode .topbar {
  background-color: #ffffff;
  color: #212529;
  border-bottom: 1px solid #dee2e6;
}

/* Sidebar */
body.light-mode .sidebar {
  background-color: #ffffff;
  color: #495057;
}

/* Sidebar Links */
body.light-mode .sidebar a {
  color: #495057;
}

body.light-mode .sidebar a:hover,
body.light-mode .sidebar a.active {
  background-color: #e9ecef;
  color: #000;
}

/* Sidebar Footer */
body.light-mode .sidebar-footer {
  background-color: #f1f3f5;
  color: #6c757d;
  border-top: 1px solid #dee2e6;
}

/* Main Content Area */
body.light-mode .main-content {
  background-color: #ffffff;
  color: #212529;
}

/* Cards (if any) */
body.light-mode .card {
  background-color: #ffffff;
  color: #000;
  border: 1px solid #dee2e6;
}

/* Login container (used in login page) */
body.light-mode .login-container {
  background-color: #ffffff;
  color: #212529;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

/* Form Inputs */
body.light-mode .form-group input {
  background-color: #ffffff;
  color: #212529;
  border: 1px solid #ced4da;
}

/* Login Button */
body.light-mode .btn-login {
  background-color: #0d6efd;
  color: white;
}

body.light-mode .btn-login:hover {
  background-color: #0b5ed7;
}

/* Footer Text (if global footer used) */
body.light-mode footer {
  color: #6c757d;
}

/* Custom Checkbox */
body.light-mode .checkbox-group input[type="checkbox"] {
  border-color: #adb5bd;
  background-color: #ffffff;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2), 0 0 4px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
}

body.light-mode .checkbox-group input[type="checkbox"]:hover {
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3), 0 0 6px rgba(13, 110, 253, 0.2);
}

body.light-mode .checkbox-group input[type="checkbox"]:checked::before {
  color: #0d6efd;
}

/* SIDEBAR BRAND (top of sidebar) */
body.light-mode .sidebar-brand {
  background-color: #b8e0f5;
  color: #212529;
  border-bottom: 1px solid #dee2e6;
}

/* SIDEBAR FOOTER */
body.light-mode .sidebar-footer {
  background-color: #b8e0f5;
  color: #343a40; /* darker text for contrast */
  border-top: 1px solid #dee2e6;
}

/* Toggle Theme Button */
body.light-mode #themeToggle {
  background-color: #e9ecef;
  color: #b8e0f5;
  border-color: #ced4da;
}

body.light-mode #themeToggle:hover {
  background-color: #dee2e6;
  color: #212529;
}

/* Toggle Icon inside Button (ensure visibility) */
body.light-mode #themeToggle i {
  color: #343a40;
}

body.light-mode #themeToggle {
  border-radius: 6px;
  padding: 4px 10px;
}

/* Make "By Pater Cuizon" highly visible in light mode */
body.light-mode .sidebar-footer span {
  color: #1678da;
  font-weight: 700;
  font-size: 0.8rem;
}