:root {
    --bs-primary: hsl(228, 69%, 33%);
    --bs-secondary: hsl(21, 100%, 50%);
    --bg-secondary: hsl(31, 100%, 88%);
}

body {
    font-family: 'Inter', sans-serif;
    margin: 0;
    min-height: 100%;
    display: flex;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: var(--bs-primary);
}

a {
    color: var(--bs-primary);
}

.nav-link {
    color: var(--bs-primary);
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-primary:hover {
    background-color: hsl(228, 69%, 25%);
    border-color: hsl(228, 69%, 25%);
}

.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
    background-color: hsl(228, 69%, 25%);
    border-color: hsl(228, 69%, 25%);
}

.btn-outline-primary {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.btn-outline-primary:hover {
    background-color: hsl(228, 69%, 25%);
    border-color: hsl(228, 69%, 25%);
}

.btn-check:active + .btn-outline-primary, .btn-check:checked + .btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    background-color: hsl(228, 69%, 25%);
    border-color: hsl(228, 69%, 25%);
}

.page-item.active .page-link {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--bs-primary);
}