/* Темная тема, если пользователь предпочитает ее */
@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #1E1E1E;
        --text-color: #E0E0E0;
        /* Основной цвет текста (светлый) */
        --sidebar-color: #2d2d2d;
        /* Темный цвет сайдбара */
        --sidebar-text-color: #E0E0E0;
        /* Светлый текст в сайдбаре */
        --modal-background: #2d2d2d;
        --modal--btn-background: #333333;
        --modal-text: #FFFFFF;
        --table-border: #444444;
        --table-header-background: #2d2d2d;
        --table-cell-background: #333333;
        --table-text-color: #E0E0E0;
        /* Светлый текст в таблице */
        --TreeChart-text-color: #ffffff;
        --scrollbar-track-color: #333;
        /* hover for buttons */
        --hover-button: #333d4d;
    }
}