/* SpamForms — application styles layered over Bootstrap. */
body { min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1 0 auto; }
.navbar-brand { letter-spacing: .02em; }

/* Primary brand colour for buttons (#843af7). Sets the Bootstrap 5.3 button
   variables and concrete properties so it applies regardless of version. */
.btn-primary {
    --bs-btn-bg: #843af7;
    --bs-btn-border-color: #843af7;
    --bs-btn-hover-bg: #7029e0;
    --bs-btn-hover-border-color: #6926d3;
    --bs-btn-active-bg: #6926d3;
    --bs-btn-active-border-color: #6322c6;
    --bs-btn-disabled-bg: #843af7;
    --bs-btn-disabled-border-color: #843af7;
    --bs-btn-focus-shadow-rgb: 132, 58, 247;
    background-color: #843af7;
    border-color: #843af7;
}
.btn-primary:hover {
    background-color: #7029e0;
    border-color: #6926d3;
}
.btn-primary:focus,
.btn-primary:focus-visible {
    box-shadow: 0 0 0 .25rem rgba(132, 58, 247, .5);
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:not(:disabled):not(.disabled):active {
    background-color: #6926d3;
    border-color: #6322c6;
}

/* Outline primary kept in step with the solid button. */
.btn-outline-primary {
    --bs-btn-color: #843af7;
    --bs-btn-border-color: #843af7;
    --bs-btn-hover-bg: #843af7;
    --bs-btn-hover-border-color: #843af7;
    --bs-btn-active-bg: #843af7;
    --bs-btn-active-border-color: #843af7;
    --bs-btn-focus-shadow-rgb: 132, 58, 247;
    color: #843af7;
    border-color: #843af7;
}
.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: #843af7;
    border-color: #843af7;
    color: #fff;
}