:root{
    --sp-font-family-primary:  "Open Sans", sans-serif;
    --sp-primary:  #354973;
    --sp-primary-rgb:  53,73,115;
    --sp-primary-hover:  #2a3a5c;
    --sp-secondary:  #D98936;
    --sp-secondary-rgb:  217,137,54;
    --sp-secondary-hover:  #ffa500;
}

body {
    font-family: var(--sp-font-family-primary);
    background: #f6f9ff;
    color: #444444;
}

a {
    color:  var(--sp-primary);
    text-decoration: none;
}
  
a:hover {
    color: var(--sp-primary-hover);
    text-decoration: none;
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--sp-primary);
    --bs-btn-border-color: var(--sp-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--sp-primary-hover);
    --bs-btn-hover-border-color: var(--sp-primary-hover);
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--sp-primary-hover);
    --bs-btn-active-border-color: var(--sp-primary-hover);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--sp-primary);
    --bs-btn-disabled-border-color: var(--sp-primary);
}

.btn-link {
    --bs-btn-font-weight: 400;
    --bs-btn-color: var(--sp-primary);
    --bs-btn-bg: transparent;
    --bs-btn-border-color: transparent;
    --bs-btn-hover-color: var(--sp-primary-hover);
    --bs-btn-hover-border-color: transparent;
    --bs-btn-active-color: var(--sp-primary-hover);
    --bs-btn-active-border-color: transparent;
    --bs-btn-disabled-color: #6c757d;
    --bs-btn-disabled-border-color: transparent;
    --bs-btn-box-shadow: 0 0 0 #000;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    text-decoration: underline;
}