:root {
    --bg: #0c1118;
    --surface: #111827;
    --surface-strong: #131a24;
    --surface-soft: #172337;
    --text: #e5e7eb;
    --muted: #94a3b8;
    --border: 1px solid #273449;
    --primary: #1b365d;
    --primary-soft: #1d4ed8;
    --accent: #34aae0;
    --strong-accent: #4a90d9;
    --danger: #ff6b6b;
    --shadow: 0 2px 18px #00000059;
}

@media (prefers-color-scheme: dark) {
    body {
        color-scheme: dark;
    }

    body,
    button,
    input,
    textarea,
    select,
    optgroup,
    option {
        color: var(--text);
        background: transparent;
        border: var(--border);
    }

    article:not(.no-image-invert).content-container img:not(.avatar),
    div:not(.no-image-invert).markdown-preview-block img:not(.avatar),
    div:not(.no-image-invert).image-preview img {
        filter: invert(1);
    }
}