/*
 * App-wide CSS. Brand tokens live in css/brand.css and are loaded first.
 * MudBlazor owns button/link styling now; this file holds Blazor-specific
 * residue (validation outlines, blazor-error-boundary, form-floating tweaks).
 */

html, body {
    font-family: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    background-color: var(--rq-warm-white);
    color: var(--rq-near-black);
}

.content {
    padding-top: 1.1rem;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--rq-eucalyptus);
}

.invalid {
    outline: 1px solid var(--rq-alert-red);
}

.validation-message {
    color: var(--rq-alert-red);
}

.blazor-error-boundary {
    background: var(--rq-alert-red);
    padding: 1rem 1rem 1rem 3.7rem;
    color: var(--rq-pure-white);
}

    .blazor-error-boundary::after {
        content: "An error has occurred."
    }