:root {
  --body-bg: #eeeeee;
  --card-bg: #ffffff;
  --text-color: #1a1a1a;
  --border-color: #e2e2e6;
  --light: #f8f9fa;
  --white: #ffffff;
  --dark: #343a40;
  --gray: #6c757d;
  --gray-dark: #343a40;
  
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  
  /* Fallbacks for primary in light mode */
  --primary: #007bff;
  --primary-light: #e3f2fd;
  --primary-text: #ffffff;
  --primary-gradient: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
}

body:not(.dark-mode), .theme-light {
  background-color: var(--body-bg) !important;
  color: var(--text-color) !important;
}

/* Nav & Tabs */
.theme-light .nav > li > a { color: inherit; }
.theme-light .nav-tabs > li > a { color: inherit !important; }
.theme-light .nav > li > a:hover { background-color: transparent; }
.theme-light .nav > li > a:focus { background-color: transparent; }
.theme-light .nav .open > a { background-color: transparent; }
.theme-light .nav .open > a:hover { background-color: transparent; }
.theme-light .nav .open > a:focus { background-color: transparent; }

.theme-light .sidebar .menu .list li.active { background-color: transparent; }
.theme-light .sidebar .menu .list .toggled { background-color: transparent; }
.theme-light .sidebar .menu .list .ml-menu { background-color: transparent; }
.theme-light .sidebar .legal { background-color: #fff; }

/* Protect dropdown menus from blanket header/navbar text colors */
.theme-light .dropdown-menu .dropdown-item,
.theme-light .dropdown-menu .dropdown-item span,
.theme-light .dropdown-menu .dropdown-item i,
.theme-light .dropdown-menu .dropdown-item svg {
  color: #333333 !important;
  fill: #333333 !important;
}

.theme-light .dropdown-menu .dropdown-item:hover {
  background-color: var(--light) !important;
  color: #333333 !important;
}

.theme-light .bg-primary-light { background-color: var(--primary-light) !important; }