/* ============================================================
   custom_bootstrap.css
   Bootstrap overrides. Import Bootstrap from CDN (already done
   via <script> in each page's <head>), then override here.
   ============================================================ */

/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Bootstrap container max-width adjustment */
/*@media (min-width: 1400px) {
    .container { max-width: 1200px; }
}*/

/* Override Bootstrap's default focus ring to use accent color */
*:focus-visible {
    outline: 2px solid var(--primary-color1);
    outline-offset: 2px;
}

/* Bootstrap btn reset — we use our own .flow-btn */
.btn { border-radius: 0; }

/* ── Typography scale ─────────────────────────────────────── */
body {
    font-size: 1rem;
    line-height: 1.6;
}

.align-items-left {
    align-items: flex-start;
    text-align: left;
}
.align-items-right {
    align-items: flex-end;
    text-align: right;
    justify-content: right;
}
.align-items-right .section {
    justify-content: right;
}