:root {
    color-scheme: dark;
    --color-bg: #08080a;
    --color-text: #f7f6fb;
    --color-text-soft: #c6c3ce;
    --color-muted: #817e8b;
    --color-border: rgba(255, 255, 255, 0.12);
    --color-accent: #a49cff;
    background: var(--color-bg);
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont,
        "Segoe UI", sans-serif;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

* {
    box-sizing: border-box;
}

html,
body {
    min-width: 20rem;
    min-height: 100%;
    margin: 0;
    background: var(--color-bg);
}

body {
    min-height: 100vh;
}

soraku-app {
    display: block;
    min-height: 100vh;
}

::selection {
    background: rgba(164, 156, 255, 0.28);
    color: #fff;
}