html, body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* --- Brand gradient (reusable) --- */
:root {
    --brand-gradient: linear-gradient(135deg, rgb(5, 39, 103) 0%, #3a0647 100%);
}

a {
    color: #006bb7;
}

/* --- Primary button: gradient fill, white text --- */
.btn-primary {
    color: #fff;
    background: var(--brand-gradient);
    border: none;
}

.btn-primary:hover,
.btn-primary:active {
    color: #fff;
    background: linear-gradient(135deg, rgb(8, 50, 130) 0%, #4a0a5a 100%);
    border: none;
}

.btn-primary:disabled {
    color: #fff;
    background: linear-gradient(135deg, rgba(5, 39, 103, 0.5) 0%, rgba(58, 6, 71, 0.5) 100%);
    border: none;
}

/* --- Focus rings --- */
.btn:focus, .btn:active:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

h2 {
    font-style: normal;
    font-weight: 600;
    margin-bottom: 1rem;
}

/* Routes.razor focuses h1 on navigation — suppress the resulting outline */
h1:focus {
    outline: none;
}