/* What is left of the Blazor template's stylesheet after Bootstrap was removed.
   Everything else in here was either Bootstrap's job (button colours, .form-floating rules keyed to
   --bs-secondary-color, a Helvetica font stack that fought site.css for html/body) or a link colour
   the site now sets itself. What remains is the framework's own furniture: the error boundary
   Blazor renders on an unhandled exception, and the validation classes EditForm applies. */

.blazor-error-boundary {
    background: #b32121;
    padding: 1rem;
    color: #fff;
}

.blazor-error-boundary::after {
    content: "Ein Fehler ist aufgetreten.";
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #c1440e; /* --warn; app.css loads before site.css, so it cannot use the variable. */
}