:root {
    /* Bootstrap overrides */
    --bs-font-sans-serif: 'Jost Variable', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-primary: #153d77;
    --bs-primary-rgb: 21, 61, 119;
    --bs-enable-shadows: true;
    --bs-link-color-rgb: var(--bs-primary-rgb);
    --bs-border-radius: 0.2rem;

    /* --- Custom variables --- */
    --sidebar-width: 15.625rem;
}

b,strong {
    font-weight: 600;
}

.pagination {
    --bs-pagination-active-bg: var(--bs-primary);
    --bs-pagination-active-border-color: var(--bs-primary);
    --bs-pagination-color: var(--bs-primary);
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-btn-hover-bg: #123456;
    --bs-btn-hover-border-color: #11315f;
    --bs-btn-focus-shadow-rgb: 56, 90, 139;
    --bs-btn-active-bg: #11315f;
    --bs-btn-active-border-color: #102e59;
}

.card {
    /* This is bootstraps default shadow, but because we're using pre-compiled css, '--bs-enable-shadows' doesnt work */
    box-shadow: 0 .125rem .25rem rgba(var(--bs-black-rgb), .075);
}