html, body {
    font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}

.font-display {
    font-family: "Space Grotesk", "Plus Jakarta Sans", system-ui, sans-serif;
}

.font-mono {
    font-family: "JetBrains Mono", ui-monospace, monospace;
}

h1:focus {
    outline: none;
}

/* Blurred gradient blob behind the hero */
.hero-blob {
    background:
        radial-gradient(42rem 26rem at 18% 30%, oklch(88% 0.16 128 / 0.55), transparent 65%),
        radial-gradient(36rem 24rem at 78% 22%, oklch(86% 0.13 200 / 0.45), transparent 65%),
        radial-gradient(40rem 28rem at 55% 85%, oklch(70% 0.18 290 / 0.28), transparent 65%);
    filter: blur(48px);
}

/* Dotted pattern accents (reference 2) */
.dot-grid {
    background-image: radial-gradient(currentColor 1.2px, transparent 1.2px);
    background-size: 14px 14px;
}

/* Subtle dashed underline like reference 1 */
.dashed-underline {
    background-image: linear-gradient(90deg, currentColor 55%, transparent 45%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    background-position: bottom;
    padding-bottom: 4px;
}

#blazor-error-ui {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }