/* Host-level styles only. Everything visual comes from the DesignSystem tokens and kit.
   Keep this file tiny; never add colours or sizes here. */

h1:focus {
    outline: none;
}

.blazor-error-boundary {
    margin: var(--fm-space-4);
    padding: var(--fm-space-3) var(--fm-space-4);
    border-radius: var(--fm-radius-md);
    border: 1px solid var(--fm-danger);
    background: var(--fm-danger-soft);
    color: var(--fm-danger);
    font-weight: var(--fm-fw-medium);
}

.blazor-error-boundary::after {
    content: "An error has occurred. Reload the page or contact support.";
}