body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    user-select: none;
}

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
    font-size: 16px;
    font-size: max(16px, 1em);
    font-family: inherit;
    padding: 0.25em 0.5em;
    background-color: #fff;
    border: 1px solid #8b8a8b;
}

dialog::backdrop {
    background: rgba(0, 0, 0, 0.3);
}

:root {
    --studimize-loader-color: #165288;
    --studimize-background-tint: rgb(252, 253, 254);
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #1a1a1a;
        --studimize-background-tint: rgb(36, 36, 36);
    }
    :root {
        color: #eee;
    }
}