/* Framework-required hooks (Blazor error boundary, validation) restyled to
   match the Rose & Drake theme. Everything else lives in css/theme.css. */

.content {
    padding-top: 0;
}

h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid var(--rd-forest, #2F4A3C);
}

.invalid {
    outline: 1px solid var(--rd-wine, #6B2737);
}

.validation-message {
    color: var(--rd-wine, #6B2737);
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 0.95rem;
}

.blazor-error-boundary {
    background: var(--rd-wine, #6B2737);
    border: 2px solid var(--rd-ink, #2C2118);
    border-radius: 6px;
    padding: 1rem 1rem 1rem 1rem;
    color: #F3ECDA;
    font-family: 'Cormorant Garamond', Georgia, serif;
    margin: 1rem;
}

    .blazor-error-boundary::after {
        content: "Something has gone awry in the workshop. Please refresh the page.";
    }