@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@600&display=swap');

html, body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Basic utility overrides and Blazor-specific tweaks that complement Tailwind */

h1:focus {
    outline: none;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 2px solid rgb(16 185 129);
    outline-offset: 1px;
}

.invalid {
    outline: 2px solid rgb(239 68 68);
    outline-offset: 1px;
}

.validation-message {
    color: rgb(248 113 113);
    font-size: 0.875rem;
}

#blazor-error-ui {
    /* Tailwind-like styling is now set in index.html via utility classes. */
}

.blazor-error-boundary {
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
    background-color: #b32121;
}

    .blazor-error-boundary::after {
        content: "An error has occurred.";
    }

.loading-progress {
    display: none; /* Hidden in favor of Tailwind-based loader in index.html */
}

.loading-progress-text {
    display: none;
}

code {
    color: #c02d76;
}