@media (prefers-color-scheme: light) {
  :root {
    --wl-header-bg: #05377b;
    --bs-dark: #05377b;
    --bs-dark-rgb: 5, 55, 123;
    --wl-header-text: #ffffff;
    --wl-navi-color: #05377b;
    
    --wl-focus-color: #0a4a9c;
    --wl-hover-color: #03244f;
    --wl-color-link: #05377b;
    --bs-link-color: #05377b;
    --bs-link-color-rgb: 5, 55, 123;
    --wl-color-link-hover: #03214a;
    --bs-link-hover-color: #03214a;
    --bs-link-hover-color-rgb: 3, 33, 74;
    --wl-primary-button-color: #05377b;
    --wl-progress-color: #05377b;
    --wl-progress-approved-color: #03214a;
    --wl-progress-bg: #e9ecef;
  }

  .navbar {
    --bs-navbar-color: #ffffff;
    --bs-navbar-brand-color: #ffffff;
    --bs-navbar-brand-hover-color: #0a4a9c;
    --bs-navbar-hover-color: #0a4a9c;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #03244f;
  }

}

:root[data-bs-theme="light"] {
  --wl-header-bg: #05377b !important;
  --bs-dark: #05377b !important;
  --bs-dark-rgb: 5, 55, 123 !important;
  --wl-header-text: #ffffff !important;
  --wl-navi-color: #05377b !important;
  
  --wl-focus-color: #0a4a9c !important;
  --wl-hover-color: #03244f !important;
  --wl-color-link: #05377b !important;
  --bs-link-color: #05377b !important;
  --bs-link-color-rgb: 5, 55, 123 !important;
  --wl-color-link-hover: #03214a !important;
  --bs-link-hover-color: #03214a !important;
  --bs-link-hover-color-rgb: 3, 33, 74 !important;
  --wl-primary-button-color: #05377b !important;
  --wl-progress-color: #05377b !important;
  --wl-progress-approved-color: #03214a !important;
  --wl-progress-bg: #e9ecef !important;
}

[data-bs-theme="light"] .navbar {
  --bs-navbar-color: #ffffff !important;
  --bs-navbar-brand-color: #ffffff !important;
  --bs-navbar-brand-hover-color: #0a4a9c !important;
  --bs-navbar-hover-color: #0a4a9c !important;
}


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



@media (prefers-color-scheme: dark) {
  :root {
    --wl-header-bg: #03244f;
    --bs-dark: #03244f;
    --bs-dark-rgb: 3, 36, 79;
    --wl-header-text: #e6ecf5;
    --wl-navi-color: #2f6fc4;
    
    --wl-focus-color: #2f6fc4;
    --wl-hover-color: #1b4f91;
    --wl-color-link: #8fb8f0;
    --bs-link-color: #8fb8f0;
    --bs-link-color-rgb: 143, 184, 240;
    --wl-color-link-hover: #bcd4f6;
    --bs-link-hover-color: #bcd4f6;
    --bs-link-hover-color-rgb: 188, 212, 246;
    --wl-primary-button-color: #8fb8f0;
    --wl-progress-color: #2f6fc4;
    --wl-progress-approved-color: #1c4376;
    --wl-progress-bg: #343a40;
  }

  .navbar {
    --bs-navbar-color: #e6ecf5;
    --bs-navbar-brand-color: #e6ecf5;
    --bs-navbar-brand-hover-color: #2f6fc4;
    --bs-navbar-hover-color: #2f6fc4;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #1b4f91;
  }

}

:root[data-bs-theme="dark"] {
  --wl-header-bg: #03244f !important;
  --bs-dark: #03244f !important;
  --bs-dark-rgb: 3, 36, 79 !important;
  --wl-header-text: #e6ecf5 !important;
  --wl-navi-color: #2f6fc4 !important;
  
  --wl-focus-color: #2f6fc4 !important;
  --wl-hover-color: #1b4f91 !important;
  --wl-color-link: #8fb8f0 !important;
  --bs-link-color: #8fb8f0 !important;
  --bs-link-color-rgb: 143, 184, 240 !important;
  --wl-color-link-hover: #bcd4f6 !important;
  --bs-link-hover-color: #bcd4f6 !important;
  --bs-link-hover-color-rgb: 188, 212, 246 !important;
  --wl-primary-button-color: #8fb8f0 !important;
  --wl-progress-color: #2f6fc4 !important;
  --wl-progress-approved-color: #1c4376 !important;
  --wl-progress-bg: #343a40 !important;
}

[data-bs-theme="dark"] .navbar {
  --bs-navbar-color: #e6ecf5 !important;
  --bs-navbar-brand-color: #e6ecf5 !important;
  --bs-navbar-brand-hover-color: #2f6fc4 !important;
  --bs-navbar-hover-color: #2f6fc4 !important;
}


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



footer {
  display: none;
}