@media (prefers-color-scheme: light) {
  :root {
    --wl-header-bg: #ffffff;
    --bs-dark: #ffffff;
    --bs-dark-rgb: 255, 255, 255;
    --wl-header-text: #163e6c;
    --wl-navi-color: #1570ef;
    
    --wl-focus-color: #175cd3;
    --wl-hover-color: #1849a9;
    --wl-color-link: #175cd3;
    --bs-link-color: #175cd3;
    --bs-link-color-rgb: 23, 92, 211;
    --wl-color-link-hover: #0e377f;
    --bs-link-hover-color: #0e377f;
    --bs-link-hover-color-rgb: 14, 55, 127;
    --wl-primary-button-color: #175cd3;
    --wl-progress-color: #1570ef;
    --wl-progress-approved-color: #0d438f;
    --wl-progress-bg: #e9ecef;
  }

  .navbar {
    --bs-navbar-color: #163e6c;
    --bs-navbar-brand-color: #163e6c;
    --bs-navbar-brand-hover-color: #175cd3;
    --bs-navbar-hover-color: #1849a9;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #175cd3;
  }

}

:root[data-bs-theme="light"] {
  --wl-header-bg: #ffffff !important;
  --bs-dark: #ffffff !important;
  --bs-dark-rgb: 255, 255, 255 !important;
  --wl-header-text: #163e6c !important;
  --wl-navi-color: #1570ef !important;
  
  --wl-focus-color: #175cd3 !important;
  --wl-hover-color: #1849a9 !important;
  --wl-color-link: #175cd3 !important;
  --bs-link-color: #175cd3 !important;
  --bs-link-color-rgb: 23, 92, 211 !important;
  --wl-color-link-hover: #0e377f !important;
  --bs-link-hover-color: #0e377f !important;
  --bs-link-hover-color-rgb: 14, 55, 127 !important;
  --wl-primary-button-color: #175cd3 !important;
  --wl-progress-color: #1570ef !important;
  --wl-progress-approved-color: #0d438f !important;
  --wl-progress-bg: #e9ecef !important;
}

[data-bs-theme="light"] .navbar {
  --bs-navbar-color: #163e6c !important;
  --bs-navbar-brand-color: #163e6c !important;
  --bs-navbar-brand-hover-color: #175cd3 !important;
  --bs-navbar-hover-color: #1849a9 !important;
}


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



@media (prefers-color-scheme: dark) {
  :root {
    --wl-header-bg: #ffffff;
    --bs-dark: #ffffff;
    --bs-dark-rgb: 255, 255, 255;
    --wl-header-text: #163e6c;
    --wl-navi-color: #3a9ef0;
    
    --wl-focus-color: #1849a9;
    --wl-hover-color: #163e6c;
    --wl-color-link: #84caff;
    --bs-link-color: #84caff;
    --bs-link-color-rgb: 132, 202, 255;
    --wl-color-link-hover: #b5dfff;
    --bs-link-hover-color: #b5dfff;
    --bs-link-hover-color-rgb: 181, 223, 255;
    --wl-primary-button-color: #84caff;
    --wl-progress-color: #3a9ef0;
    --wl-progress-approved-color: #235f90;
    --wl-progress-bg: #343a40;
  }

  .navbar {
    --bs-navbar-color: #163e6c;
    --bs-navbar-brand-color: #163e6c;
    --bs-navbar-brand-hover-color: #1849a9;
    --bs-navbar-hover-color: #163e6c;
  }


  .nav-pills {
    --bs-nav-pills-link-active-bg: #1849a9;
  }

}

:root[data-bs-theme="dark"] {
  --wl-header-bg: #ffffff !important;
  --bs-dark: #ffffff !important;
  --bs-dark-rgb: 255, 255, 255 !important;
  --wl-header-text: #163e6c !important;
  --wl-navi-color: #3a9ef0 !important;
  
  --wl-focus-color: #1849a9 !important;
  --wl-hover-color: #163e6c !important;
  --wl-color-link: #84caff !important;
  --bs-link-color: #84caff !important;
  --bs-link-color-rgb: 132, 202, 255 !important;
  --wl-color-link-hover: #b5dfff !important;
  --bs-link-hover-color: #b5dfff !important;
  --bs-link-hover-color-rgb: 181, 223, 255 !important;
  --wl-primary-button-color: #84caff !important;
  --wl-progress-color: #3a9ef0 !important;
  --wl-progress-approved-color: #235f90 !important;
  --wl-progress-bg: #343a40 !important;
}

[data-bs-theme="dark"] .navbar {
  --bs-navbar-color: #163e6c !important;
  --bs-navbar-brand-color: #163e6c !important;
  --bs-navbar-brand-hover-color: #1849a9 !important;
  --bs-navbar-hover-color: #163e6c !important;
}


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