:root {
    color-scheme: dark;
    font-family: ui-monospace, "Cascadia Mono", "Segoe UI Mono", monospace;
    background: #071525;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; background: #071525; }
body { min-width: 320px; }
button, input, textarea { font: inherit; }
button:focus-visible, input:focus-visible, textarea:focus-visible, a:focus-visible {
    outline: 3px solid #f0b64a;
    outline-offset: 2px;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: #07131f; }
::-webkit-scrollbar-thumb { border: 2px solid #07131f; background: #36556a; }

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