@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Fira+Code:wght@400;500&display=swap');

:root {
    font-family: 'Inter', system-ui, sans-serif;
    color-scheme: dark;
}

html, body {
    margin: 0;
    padding: 0;
    min-height: 100%;
    font-family: 'Inter', system-ui, sans-serif;
}

body {
    background: #0b0e14;
}

* {
    box-sizing: border-box;
}

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

a {
    color: inherit;
    text-decoration: none;
}

    button:focus-visible,
    a:focus-visible,
    input:focus-visible {
        outline: 2px solid #22d3ee;
        outline-offset: 3px;
    }

::selection {
    background: #22d3ee55;
    color: white;
}

/* Blazor */

#blazor-error-ui {
    background: #b32121;
    color: white;
    padding: 12px 20px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui a {
        color: white;
        text-decoration: underline;
    }

/* Scrollbar */

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #0b0e14;
}

::-webkit-scrollbar-thumb {
    background: #303543;
    border-radius: 8px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #22d3ee;
    }

/* Code font */

code, pre, .code-font {
    font-family: 'Fira Code', monospace;
}