/*
 * App-level overrides for markup Blazor itself emits — validation classes and the error
 * boundary. Everything else is either a design-system class (Torch.Shared.DesignSystem's
 * tokens/base/components) or a scoped .razor.css. The Blazor template's Bootstrap-flavoured
 * defaults were removed with the Next.js stack: nothing here referenced a --bs-* variable that
 * this app still defines.
 */

h1:focus {
    outline: none;
}

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

.invalid {
    outline: 1px solid var(--torch-danger);
}

.validation-message {
    color: var(--torch-danger);
    font-size: var(--torch-text-sm);
}

.blazor-error-boundary {
    background: var(--torch-surface-2);
    border: 1px solid var(--torch-danger);
    border-radius: var(--torch-radius-md);
    padding: var(--torch-space-4);
    color: var(--torch-text-primary);
}

.blazor-error-boundary::after {
    content: "Došlo k chybě."
}