:root,
[data-theme="light"] {
    --qms-bg: #f5f7fb;
    --qms-surface: #ffffff;
    --qms-sidebar: #111827;
    --qms-sidebar-soft: #1f2937;
    --qms-text: #111827;
    --qms-muted: #667085;
    --qms-border: #e5e7eb;
    color-scheme: light;
}

[data-theme="dark"] {
    --qms-bg: #0b1020;
    --qms-surface: #121a2b;
    --qms-sidebar: #070b14;
    --qms-sidebar-soft: #192235;
    --qms-text: #edf2f7;
    --qms-muted: #a8b2c2;
    --qms-border: #263247;
    --qms-primary-soft: #2a225c;
    --qms-success-soft: #113b31;
    color-scheme: dark;
}

.qms-theme-switcher {
    display: inline-flex;
    gap: 4px;
    padding: 4px;
    border: 1px solid var(--qms-border);
    border-radius: 10px;
    background: var(--qms-surface);
}

.qms-theme-switcher button {
    border: 0;
    background: transparent;
    color: var(--qms-muted);
    padding: 6px 9px;
    border-radius: 7px;
    cursor: pointer;
}

.qms-theme-switcher button[aria-pressed="true"] {
    background: var(--qms-primary-soft);
    color: var(--qms-primary);
    font-weight: 700;
}