/*
 * Overrides and utility tweaks for the globally loaded Bootstrap framework.
 * Keep framework-specific adjustments here to avoid scattering overrides
 * across custom site styles.
 */

:root {
    /* Align the Bootstrap body font with the site's preferred stack. */
    --bs-body-font-family: 'Inter', 'Helvetica Neue', Arial, sans-serif;
}

.btn-primary {
    text-decoration: none;
    background-color: var(--color-primary);
    border-color: var(--color-primary);
    color: var(--color-on-primary);
    border-radius: var(--radius-md);
}

.btn-primary:hover,
.btn-primary:focus-visible {
    background-color: var(--color-primary-strong);
    border-color: var(--color-primary-strong);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.18em;
    color: var(--color-on-primary);
}

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

.btn-outline-primary:hover,
.btn-outline-primary:focus-visible {
    background-color: var(--color-primary);
    color: var(--color-on-primary);
    border-color: var(--color-primary-strong);
    text-decoration: underline;
    text-decoration-thickness: 0.125rem;
    text-underline-offset: 0.18em;
}