.btn-primary {
    --bs-btn-bg: var(--color-blue);
    --bs-btn-border-color: var(--color-blue);
    --bs-btn-hover-bg: var(--color-blue-dark);
    --bs-btn-hover-border-color: var(--color-blue-dark);
    --bs-btn-active-bg: var(--color-blue-dark);
    --bs-btn-active-border-color: var(--color-blue-dark);
    --bs-btn-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-active-color: var(--color-white);
}

.btn-warning {
    --bs-btn-bg: #f0a020;
    --bs-btn-border-color: #f0a020;
    --bs-btn-hover-bg: #d98c1a;
    --bs-btn-hover-border-color: #d98c1a;
    --bs-btn-active-bg: #c47d15;
    --bs-btn-active-border-color: #c47d15;
    --bs-btn-color: var(--color-text);
    --bs-btn-hover-color: var(--color-text);
    --bs-btn-active-color: var(--color-text);
}

.btn-danger {
    --bs-btn-bg: var(--color-red);
    --bs-btn-border-color: var(--color-red);
    --bs-btn-hover-bg: #c43a3a;
    --bs-btn-hover-border-color: #c43a3a;
    --bs-btn-active-bg: #b03030;
    --bs-btn-active-border-color: #b03030;
    --bs-btn-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-active-color: var(--color-white);
}

.btn-success {
    --bs-btn-bg: var(--color-green);
    --bs-btn-border-color: var(--color-green);
    --bs-btn-hover-bg: #268a4d;
    --bs-btn-hover-border-color: #268a4d;
    --bs-btn-active-bg: #1f7542;
    --bs-btn-active-border-color: #1f7542;
    --bs-btn-color: var(--color-white);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-active-color: var(--color-white);
}

.btn-outline-primary {
    --bs-btn-color: var(--color-blue);
    --bs-btn-border-color: var(--color-blue);
    --bs-btn-hover-bg: var(--color-blue);
    --bs-btn-hover-border-color: var(--color-blue);
    --bs-btn-hover-color: var(--color-white);
    --bs-btn-active-bg: var(--color-blue-dark);
    --bs-btn-active-border-color: var(--color-blue-dark);
    --bs-btn-active-color: var(--color-white);
}

.navbar-brand{
    margin-right: unset;
}