@media (prefers-color-scheme: light) {
  :root {
    --wl-header-bg: #0d3049;
    --bs-dark: #0d3049;
    --bs-dark-rgb: 13, 48, 73;
    --wl-header-text: #e8e8e8;
    --wl-navi-color: #2473f7;
    
    --wl-focus-color: #44b2f7;
    --wl-hover-color: #144d3f;
    --wl-color-link: #44b2f7;
    --bs-link-color: #44b2f7;
    --bs-link-color-rgb: 68, 178, 247;
    --wl-color-link-hover: #296b94;
    --bs-link-hover-color: #296b94;
    --bs-link-hover-color-rgb: 41, 107, 148;
    --wl-primary-button-color: #44b2f7;
    --wl-progress-color: #2473f7;
    --wl-progress-approved-color: #164594;
    --wl-progress-bg: #e9ecef;
  }

  .navbar {
    --bs-navbar-color: #e8e8e8;
    --bs-navbar-brand-color: #e8e8e8;
    --bs-navbar-brand-hover-color: #44b2f7;
    --bs-navbar-hover-color: #144d3f;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #44b2f7;
  }

}

:root[data-bs-theme="light"] {
  --wl-header-bg: #0d3049 !important;
  --bs-dark: #0d3049 !important;
  --bs-dark-rgb: 13, 48, 73 !important;
  --wl-header-text: #e8e8e8 !important;
  --wl-navi-color: #2473f7 !important;
  
  --wl-focus-color: #44b2f7 !important;
  --wl-hover-color: #144d3f !important;
  --wl-color-link: #44b2f7 !important;
  --bs-link-color: #44b2f7 !important;
  --bs-link-color-rgb: 68, 178, 247 !important;
  --wl-color-link-hover: #296b94 !important;
  --bs-link-hover-color: #296b94 !important;
  --bs-link-hover-color-rgb: 41, 107, 148 !important;
  --wl-primary-button-color: #44b2f7 !important;
  --wl-progress-color: #2473f7 !important;
  --wl-progress-approved-color: #164594 !important;
  --wl-progress-bg: #e9ecef !important;
}

[data-bs-theme="light"] .navbar {
  --bs-navbar-color: #e8e8e8 !important;
  --bs-navbar-brand-color: #e8e8e8 !important;
  --bs-navbar-brand-hover-color: #44b2f7 !important;
  --bs-navbar-hover-color: #144d3f !important;
}


[data-bs-theme="light"] .nav-pills {
  --bs-nav-pills-link-active-bg: #44b2f7 !important;
}



@media (prefers-color-scheme: dark) {
  :root {
    --wl-header-bg: #1a2634;
    --bs-dark: #1a2634;
    --bs-dark-rgb: 26, 38, 52;
    --wl-header-text: #e0e3e7;
    --wl-navi-color: #2473f7;
    
    --wl-focus-color: #25303b;
    --wl-hover-color: #0a3d2f;
    --wl-color-link: #6cf8d8;
    --bs-link-color: #6cf8d8;
    --bs-link-color-rgb: 108, 248, 216;
    --wl-color-link-hover: #a7fbe8;
    --bs-link-hover-color: #a7fbe8;
    --bs-link-hover-color-rgb: 167, 251, 232;
    --wl-primary-button-color: #6cf8d8;
    --wl-progress-color: #1c8f75;
    --wl-progress-approved-color: #115646;
    --wl-progress-bg: #343a40;
  }

  .navbar {
    --bs-navbar-color: #e0e3e7;
    --bs-navbar-brand-color: #e0e3e7;
    --bs-navbar-brand-hover-color: #25303b;
    --bs-navbar-hover-color: #0a3d2f;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #25303b;
  }

}

:root[data-bs-theme="dark"] {
  --wl-header-bg: #1a2634 !important;
  --bs-dark: #1a2634 !important;
  --bs-dark-rgb: 26, 38, 52 !important;
  --wl-header-text: #e0e3e7 !important;
  --wl-navi-color: #2473f7 !important;
  
  --wl-focus-color: #25303b !important;
  --wl-hover-color: #0a3d2f !important;
  --wl-color-link: #6cf8d8 !important;
  --bs-link-color: #6cf8d8 !important;
  --bs-link-color-rgb: 108, 248, 216 !important;
  --wl-color-link-hover: #a7fbe8 !important;
  --bs-link-hover-color: #a7fbe8 !important;
  --bs-link-hover-color-rgb: 167, 251, 232 !important;
  --wl-primary-button-color: #6cf8d8 !important;
  --wl-progress-color: #1c8f75 !important;
  --wl-progress-approved-color: #115646 !important;
  --wl-progress-bg: #343a40 !important;
}

[data-bs-theme="dark"] .navbar {
  --bs-navbar-color: #e0e3e7 !important;
  --bs-navbar-brand-color: #e0e3e7 !important;
  --bs-navbar-brand-hover-color: #25303b !important;
  --bs-navbar-hover-color: #0a3d2f !important;
}


[data-bs-theme="dark"] .nav-pills {
  --bs-nav-pills-link-active-bg: #25303b !important;
}



footer {
  display: none;
}