/* ========================================================================== */
/* --- ГЛОБАЛЬНЫЕ ПЕРЕМЕННЫЕ ДЛЯ ЦВЕТОВ И РАЗМЕРОВ --- */
/* ========================================================================== */

:root {
    --main-bg-color: #2b2b2b; /* Темный фон приложения */
    --text-color: #e0e0e0; /* Светлый цвет текста */
    --border-color: #555555; /* Цвет границ элементов */
    --header-bg-color: #3c3c3c; /* Темный фон заголовков */
    --hover-color: #4a4a4a; /* Цвет фона при наведении */
    --active-header-bg-color: #4c4c4c; /* Фон для активных заголовков (фильтры, сортировка) */
    --gray-overlay-color: rgba(50, 50, 50, 0.8);
    --green-overlay-color: rgba(130, 255, 0, 0.25); /* Светло-зеленый оверлей */
    --green-text-color: #00ff00; /* Ярко-зеленый цвет текста */

    /* Переменные для расчета высоты прокручиваемой области таблицы */
    --main-content-padding-top: 5px;
    --main-content-padding-bottom: 10px;
    --table-header-height-actual: 50px; /* Фактическая высота строки заголовков (th) */
    --scrollbar-width: 17px; /* Предполагаемая ширина полосы прокрутки */
    --desired-bottom-spacing: 1px; /* Отступ от нижнего края таблицы до края окна */

    /* Переменные для сайдбара */
    --sidebar-width: 242px; /* Ширина сайдбара, чтобы уместить "30 символов" */
    --sidebar-padding: 3px;
    --sidebar-bg-color: #353535;
    --sidebar-border-color: #444444;
	
	--desired-bottom-spacing: 10px; /* Установите желаемый отступ снизу */
}