:root {
  --dc-tertiary: #6688cc;
  --dc-tertiary-rgb: 102,136,204;
  --dc-tertiary-hover: #4872c4;
  --dc-tertiary-hover-rgb: 72,114,196;
}

:root, [data-bs-theme=light] {

  --dc-primary: #182978;
  --dc-primary-rgb: 24,41,120;
  --dc-primary-hover: #4872c4;
  --dc-primary-hover-rgb: 72,114,196;
  

  --dc-primary-over-text: #dce8ff;
  --dc-footer-link-color: var(--dc-primary-over-text);
  --dc-footer-link-hover-color: #bfd2f6;

}

[data-bs-theme=dark] {

  --dc-primary: #6688cc;
  --dc-primary-rgb: 102,136,204;
  --dc-primary-hover: #4872c4;
  --dc-primary-hover-rgb: 72,114,196;

  --dc-primary-over-text: var(--bs-gray);
  --dc-footer-link-color: var(--bs-gray);
  --dc-footer-link-hover-color: var(--bs-gray-700);

}


/* buttons - Start */
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--dc-primary);
  --bs-btn-border-color: var(--dc-primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--dc-primary-hover);
  --bs-btn-hover-border-color: var(--dc-primary-hover);
  --bs-btn-focus-shadow-rgb: var(--dc-primary-hover-rgb);
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--dc-primary-hover);
  --bs-btn-active-border-color: var(--dc-primary-hover);
  --bs-btn-active-shadow: inset 0 3px 5px #00000020;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--dc-primary);
  --bs-btn-disabled-border-color: var(--dc-primary);
}

.btn-outline-primary {
  --bs-btn-color: var(--dc-primary);
  --bs-btn-border-color: var(--dc-primary);
  --bs-btn-hover-border-color: var(--dc-primary-hover);
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-secondary {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-success {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-info {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-warning {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-danger {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-dark {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-light {
  --bs-btn-hover-bg: transparent;
  --bs-btn-active-bg: transparent;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-hover-color: var(--bs-btn-color);
  --bs-btn-active-color: var(--bs-btn-color);
  --bs-btn-disabled-color: var(--bs-btn-color);
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  box-shadow: 0 0 0 .2rem rgba(var(--dc-primary-rgb), 0.25);
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-secondary-rgb), 0.25);
}
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-success-rgb), 0.25);
}
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-info-rgb), 0.25);
}
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-warning-rgb), 0.25);
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-danger-rgb), 0.25);
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-dark-rgb), 0.25);
}
.btn-outline-light:hover, .btn-outline-light:focus, .btn-outline-light:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-light-rgb), 0.25);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  box-shadow: 0 0 0 .2rem rgba(var(--dc-primary-rgb), 0.25);
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-secondary-rgb), 0.25);
}
.btn-success:hover, .btn-success:focus, .btn-success:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-success-rgb), 0.25);
}
.btn-info:hover, .btn-info:focus, .btn-info:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-info-rgb), 0.25);
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-warning-rgb), 0.25);
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-danger-rgb), 0.25);
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-dark-rgb), 0.25);
}
.btn-light:hover, .btn-light:focus, .btn-light:active {
  box-shadow: 0 0 0 .2rem rgba(var(--bs-light-rgb), 0.25);
}
/* buttons - End */



/* link color */
:root {
  --bs-primary: var(--dc-primary);
  --bs-primary-rgb: var(--dc-primary-rgb);
  --bs-link-color: var(--dc-primary);
  --bs-link-color-rgb: var(--dc-primary-rgb);
  --bs-link-decoration: none;
  --bs-link-hover-color: var(--dc-primary-hover);
  --bs-link-hover-color-rgb: var(--dc-primary-hover-rgb);
  --bs-link-opacity: 1;
  --bs-text-opacity: 1;
}
/* link color - End */

/* dropdown menu */
.navbar-nav {
  --bs-navbar-active-color: var(--dc-tertiary);
  --bs-nav-link-hover-color: var(--dc-tertiary);
  --bs-nav-link-font-weight: normal;
}
.dropdown-menu {
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-link-hover-bg: var(--dc-tertiary);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: var(--dc-tertiary);
}
/* dropdown menu - End */

/* footer color - Start */
:root, [data-bs-theme=light] {
  --dc-footer-bg: var(--dc-primary);
  --dc-footer-border-color: var(--dc-primary);
  --dc-footer-color:  var(--dc-primary-over-text); 
}
[data-bs-theme=dark] {
  --dc-footer-bg: var(--bs-black);
  --dc-footer-border-color: var(--bs-dark);
  --dc-footer-color: var(--dc-primary-over-text);
}
/* footer color - End */



/* custom background - Start */
:root, [data-bs-theme=light] {
  .bg-custom-1 {
    background-color: #e9f0ff;
  }
  .bg-gradient-1 {
    background: linear-gradient(180deg, #e0e8fa, #f6f8fe);
  }
  .bg-gradient-2 {
      background: linear-gradient(#e0ebff 0%, #e0ebff 20%, #f1f6ff 55%, #fff 100%), #fff;
  }
}
[data-bs-theme=dark] {
  .bg-custom-1 {
    background-color: var(--bs-gray-dark);
  }
  .bg-gradient-1 {
    background: linear-gradient(180deg, #121212, #191d21);
  }
  .bg-gradient-2 {
    background: linear-gradient(#000000 0%, #000000 20%, #212121 55%, #171717 100%), #000000;
  }
}
/* custom background - End */