:root {
    --cde-navy: #0d3b66;
}

body {
    background: #f4f5f7;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1 0 auto;
    width: 100%;
}

.site-header {
    background: #fff;
    border-bottom: 1px solid #e2e5ea;
}

.site-header .brand-logo {
    height: 48px;
    width: auto;
    display: block;
}

.site-footer {
    background: #fff;
    border-top: 1px solid #e2e5ea;
}

.btn-primary {
    --bs-btn-bg: var(--cde-navy);
    --bs-btn-border-color: var(--cde-navy);
    --bs-btn-hover-bg: #0a2f52;
    --bs-btn-hover-border-color: #0a2f52;
    --bs-btn-disabled-bg: var(--cde-navy);
    --bs-btn-disabled-border-color: var(--cde-navy);
}

/* Stripe card element sits inside a Bootstrap .form-control shell */
#card-element {
    height: auto;
}