/* Heat Design System — Web Project Overrides */

html, body {
    font-family: var(--font-sans);
    background-color: var(--background);
    color: var(--foreground);
}

a, .btn-link {
    color: var(--foreground);
}

h1:focus {
    outline: none;
}

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

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

.validation-message {
    color: var(--primary);
}

.blazor-error-boundary {
    background: var(--primary);
    padding: 1rem;
    color: var(--foreground);
    font-family: var(--font-mono);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.blazor-error-boundary::after {
    content: "/// SYSTEM ERROR DETECTED";
}