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

a, .btn-link {
    color: #1A1C20;
}

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

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

.validation-message {
    color: #DC2626;
    font-size: 0.8rem;
}

.blazor-error-boundary {
    background: #DC2626;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
    border-radius: 12px;
}
.blazor-error-boundary::after { content: "An unexpected error occurred."; }