:root {
  --primary-gradient: linear-gradient(135deg, #8BC34A 0%, #719f3c 100%);
  --blue: #007bff;
  --indigo: #6610f2;
  --purple: #6f42c1;
  --pink: #e83e8c;
  --red: #dc3545;
  --orange: #fd7e14;
  --yellow: #ffc107;
  --green: #28a745;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary-light: #f1f8e9;
  --primary: #8BC34A;
  --primary-text: #333;
  --secondary: #6c757d;
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.theme-accent-light-green .bg-primary, 
.theme-accent-light-green .bg-primary-dark, 
.theme-accent-light-green .btn-primary, 
.theme-accent-light-green .badge-primary, 
.theme-accent-light-green .list-group-item.active, 
.theme-accent-light-green .btn-outline-primary:hover {
  background-color: var(--primary) !important; 
  color: var(--primary-text) !important;
}

.theme-accent-light-green .btn-outline-primary,
.theme-accent-light-green .btn-primary,
.theme-accent-light-green .border-primary {
  border-color: var(--primary) !important;
}

.theme-accent-light-green .btn-outline-primary, 
.theme-accent-light-green .btn-default,
.theme-accent-light-green .btn-link,
.theme-accent-light-green .text-primary {
  color: var(--primary) !important;
}

.theme-accent-light-green .navbar-brand { color: var(--primary-text); }
.theme-accent-light-green .navbar-brand:hover { color: var(--primary-text); }
.theme-accent-light-green .navbar-brand:active { color: var(--primary-text); }
.theme-accent-light-green .navbar-brand:focus { color: var(--primary-text); }

.theme-accent-light-green .nav > li > a { color: inherit; }
.theme-accent-light-green .nav-tabs > li > a { color: inherit !important; }
.theme-accent-light-green .nav > li > a:hover { background-color: transparent; }
.theme-accent-light-green .nav > li > a:focus { background-color: transparent; }
.theme-accent-light-green .nav .open > a { background-color: transparent; }
.theme-accent-light-green .nav .open > a:hover { background-color: transparent; }
.theme-accent-light-green .nav .open > a:focus { background-color: transparent; }

.theme-accent-light-green .bars { color: var(--primary-text); }

.theme-accent-light-green header svg,
.theme-accent-light-green header i,
.theme-accent-light-green header span,
.theme-accent-light-green .navbar svg,
.theme-accent-light-green .navbar i,
.theme-accent-light-green .navbar span,
.theme-accent-light-green .navbar-dark .navbar-nav .nav-link,
.theme-accent-light-green .navbar-dark .navbar-toggler,
.theme-accent-light-green .navbar-dark .navbar-brand {
  color: var(--primary-text) !important;
  fill: var(--primary-text) !important;
}

.theme-accent-light-green .navbar-dark .navbar-nav .nav-link svg,
.theme-accent-light-green .navbar-dark .navbar-toggler svg {
  fill: var(--primary-text) !important;
  color: var(--primary-text) !important;
}

.theme-accent-light-green .sidebar .menu .list li.active { background-color: transparent; }
.theme-accent-light-green .sidebar .menu .list li.active > :first-child i, 
.theme-accent-light-green .sidebar .menu .list li.active > :first-child span {
  color: var(--primary);
}

.theme-accent-light-green .sidebar .menu .list .toggled { background-color: transparent; }
.theme-accent-light-green .sidebar .menu .list .ml-menu { background-color: transparent; }
.theme-accent-light-green .sidebar .legal { background-color: #fff; }
.theme-accent-light-green .sidebar .legal .copyright a { color: var(--primary) !important; } 

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

/* Ensure styling is also correct on hover in light mode */
.theme-accent-light-green .dropdown-menu .dropdown-item:hover {
  background-color: var(--light) !important;
  color: #333333 !important;
}

/* Maintain light dropdown style in dark mode when .dark-mode or theme-dark is active */
.dark-mode .dropdown-menu,
.theme-dark .dropdown-menu {
  background-color: #1e1e1e !important;
  border: 1px solid #333333 !important;
}

.dark-mode .dropdown-menu .dropdown-item,
.dark-mode .dropdown-menu .dropdown-item span,
.dark-mode .dropdown-menu .dropdown-item i,
.dark-mode .dropdown-menu .dropdown-item svg,
.theme-dark .dropdown-menu .dropdown-item,
.theme-dark .dropdown-menu .dropdown-item span,
.theme-dark .dropdown-menu .dropdown-item i,
.theme-dark .dropdown-menu .dropdown-item svg {
  color: rgba(255, 255, 255, 0.85) !important;
  fill: rgba(255, 255, 255, 0.85) !important;
}

.dark-mode .dropdown-menu .dropdown-item:hover,
.theme-dark .dropdown-menu .dropdown-item:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

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

.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show > .btn-outline-primary.dropdown-toggle {
    color: #fff !important;
    background-color: var(--primary);
    border-color: var(--primary);
}