/* Светлая тема */
:root {
    --bg: #f2f5fa;
    --bg-variant: #e9ecef;
    --text: #1f2123;
    --text-muted: #838795;
    --input-bg: #f3f5fa;
    --success-bg: #1fc16b19;
    --success-text: #1f2233;
    --light-blue: #e2eeff;
    .show-light { display: inline-block !important; }
    .show-dark  { display: none !important; }
}

/* Тёмная тема */
[data-bs-theme="dark"] {
    --bg: #121212;
    --bg-variant: #2c2c2d;
    --text: #e0e0e0;
    --text-muted: #a0a0a0;
    --input-bg: #252525;
    --success-bg: #1fc16b26;
    --success-text: #e0ffe6;
    --light-blue: #2a3b55;
    .show-light { display: none !important; }
    .show-dark  { display: inline-block !important; }
}

:root:not([data-bs-theme]) {
    color-scheme: light dark;
}

/* Явно переопределяем переменные для системного режима */
@media (prefers-color-scheme: dark) {
    :root:not([data-bs-theme]) {
        --bg: #121212;
        --bg-variant: #2c2c2d;
        --text: #e0e0e0;
        --text-muted: #a0a0a0;
        --input-bg: #252525;
        --success-bg: #1fc16b26;
        --success-text: #e0ffe6;
        --light-blue: #2a3b55;
        .show-light { display: none !important; }
        .show-dark  { display: inline-block !important; }
    }
}