:root {
  --color-primary: #1C3F94;
  --color-primary-200: #162f6e;
  --color-primary-300: #0f2050;
  --color-primary-400: #1a3578;
  --color-primary-500: #2F5BD3;
  --color-primary-600: #4a6fc0;
  --color-primary-700: #0e1f4a;
  --color-primary-800: #1C3F94;
  --color-primary-rgb: 28, 63, 148;
  --color-primary-300-rgb: 15, 32, 80;

  --color-secondary: #1E1E1E;
  --color-secondary-rgb: 30, 30, 30;

  --color-accent: #1C3F94;
  --color-dark: #1E1E1E;
  --color-gray-100: #F5F7FB;

  --bs-primary: #1C3F94;
  --bs-primary-rgb: 28, 63, 148;
  --bs-secondary: #1E1E1E;
  --bs-secondary-rgb: 30, 30, 30;
  --bs-gray-dark: #1E1E1E;
  --bs-dark: #1E1E1E;
  --bs-dark-rgb: 30, 30, 30;
  --bs-link-color: #1C3F94;
  --bs-link-color-rgb: 28, 63, 148;
  --bs-link-hover-color: #2F5BD3;
  --bs-link-hover-color-rgb: 47, 91, 211;
  --bs-body-color: #1E1E1E;
  --bs-body-color-rgb: 30, 30, 30;
}

::selection {
  background-color: #1C3F94;
  color: #fff;
}

.preloader .loading span {
  background-color: #1C3F94;
}

.navbar-brand .brand-name {
  transition: color 0.3s ease;
}

.sticky-navbar.is-sticky .navbar-brand .brand-name {
  color: #1E1E1E !important;
}