body {
    font-family: 'proxima-nova';
    font-size: 16px;
}

h1{
    font-size: 3rem;
    font-weight: 900;
}

h2 {
    font-size: 2rem;
    font-weight: 700;
}

h3 {
    font-size: 1.75rem;
    font-weight: 600;
}

h4 {
    font-weight: 600;
}

.btn-light {
    --bs-btn-bg: #C7C8CA; /* bb-lightgray */
    --bs-btn-border-color: #C7C8CA;
    --bs-btn-hover-bg: #BDBFC1;
    --bs-btn-hover-border-color: #BDBFC1;
    --bs-btn-disabled-bg: #E5E5E6;
    --bs-btn-disabled-border-color: #E5E5E6;
}

.btn-warning {
    --bs-btn-bg: #F9B746; /* bb-cheetahyellow */
    --bs-btn-border-color: #F9B746;
    --bs-btn-hover-bg: #F79F08;
    --bs-btn-hover-border-color: #F79F08;
    --bs-btn-disabled-bg: #FCD99C;
    --bs-btn-disabled-border-color: #FCD99C;
}

.btn-success {
    --bs-btn-bg: #73A641; /* bb-green */
    --bs-btn-border-color: #73A641;
    --bs-btn-hover-bg: #598132;
    --bs-btn-hover-border-color: #598132;
    --bs-btn-disabled-bg: #A6CD7E;
    --bs-btn-disabled-border-color: #A6CD7E;
}

.btn-danger {
    --bs-btn-bg: #BA2031; /* bb-red */
    --bs-btn-border-color: #BA2031;
    --bs-btn-hover-bg: #991A29;
    --bs-btn-hover-border-color: #991A29;
    --bs-btn-disabled-bg: #E97C89;
    --bs-btn-disabled-border-color: #E97C89;
}

.btn-primary {
    --bs-btn-bg: #194F90; /* bb-royalblue */
    --bs-btn-border-color: #194F90;
    --bs-btn-hover-bg: #002855;
    --bs-btn-hover-border-color: #002855;
    --bs-btn-disabled-bg: #A8C8F0;
    --bs-btn-disabled-border-color: #A8C8F0;
}

.btn-info {
    --bs-btn-bg: #7BA5DE; /* bb-lightblue */
    --bs-btn-border-color: #7BA5DE;
    --bs-btn-hover-bg: #5C8FD6;
    --bs-btn-hover-border-color: #5C8FD6;
    --bs-btn-disabled-bg: #ADC7EB;
    --bs-btn-disabled-border-color: #ADC7EB;
}

.text-warning {
    --bs-btn-bg: #F9B746; /* bb-cheetahyellow */
}

.text-success {
    --bs-btn-bg: #73A641; /* bb-green */
}

.text-danger {
    --bs-btn-bg: #BA2031; /* bb-red */
}