:root {
    color-scheme: dark;
    --ink: #b5efc2;
    --muted: #7eaa89;
    --panel: #020804;
    --panel-deep: #000000;
    --line: #163e23;
    --accent: #00ff41;
    --accent-dim: #268442;
    --error: #ff948a;
    font-family: "JetBrains Mono", "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    font-synthesis: none;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; margin: 0; background: var(--panel-deep); }
body { color: var(--ink); }
button, input { font: inherit; }
button, a, input { -webkit-tap-highlight-color: transparent; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
::selection { color: var(--panel-deep); background: var(--accent); }

#blazor-error-ui {
    color-scheme: dark;
    background: #381615;
    bottom: 0;
    display: none;
    left: 0;
    padding: 0.75rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}