@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,700&family=Manrope:wght@500;600;700;800&display=swap');

:root {
    --surface-0: #fffaf1;
    --surface-1: #f2ebde;
    --ink-strong: #2d3142;
    --ink-muted: #665f57;
    --accent-strong: #d62828;
    --accent-soft: #fcbf49;
    --font-display: "Fraunces", Georgia, serif;
    --font-ui: "Manrope", "Segoe UI", sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--ink-strong);
    font: 500 1rem/1.6 var(--font-ui);
    background:
        radial-gradient(circle at top left, rgba(252, 191, 73, 0.18), transparent 28%),
        radial-gradient(circle at top right, rgba(214, 40, 40, 0.1), transparent 20%),
        linear-gradient(180deg, #fbf6ee, var(--surface-1) 42%, #f7f1e6);
}

a,
button,
input,
select,
textarea {
    font: inherit;
}

a {
    color: inherit;
}

h1:focus {
    outline: none;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

.blazor-error-boundary {
    margin: 1rem;
    padding: 1rem 1rem 1rem 3.5rem;
    border-radius: 18px;
    background:
        url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI3LjUgNUwxNSAyOGgyNUwyNy41IDVaTTI3LjUgMzZhMi43NSAyLjc1IDAgMSAwIDAgNS41IDIuNzUgMi43NSAwIDAgMCAwLTUuNVpNMjUgMWg1djE4aC01VjFaIiBmaWxsPSIjZmZmN2VkIi8+PC9zdmc+) no-repeat 1rem 1rem / 1.4rem,
        linear-gradient(135deg, #b42318, #d62828);
    color: #fff7ed;
}

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