:root {
    --c-bg: 10 9 14;
    --c-surface: 18 16 26;
    --c-surface-2: 26 23 36;
    --c-hairline: 40 36 52;
    --c-text: 233 228 240;
    --c-muted: 150 142 170;
    --c-accent: 129 140 248;
    --c-accent-ink: 10 9 14;
    --c-accent2: 56 189 248;
    --c-danger: 248 113 113;

    --c-obsidian-bg: 10 9 14;
    --c-obsidian-surface: 18 16 26;
    --c-obsidian-line: 40 36 52;
    --c-obsidian-text: 233 228 240;
    --c-obsidian-muted: 150 142 170;
    --c-obsidian-accent: 129 140 248;
    --c-obsidian-accent2: 56 189 248;
}

html {
    background-color: rgb(var(--c-bg));
    color-scheme: dark;
}

/* Native select popup: closed state inherits light text; option list needs explicit colors. */
select[name="focus"] {
    color-scheme: dark;
}

select[name="focus"] option {
    background-color: rgb(var(--c-surface));
    color: rgb(var(--c-text));
}