:root {
    /* Основные брендовые цвета */
    --primary: #0d6efd; /* Bootstrap primary */
    --primary-dark: #0b5ed7;
    --success: #198754;
    --danger: #dc3545;
    --warning: #ffc107;
    --info: #0dcaf0;
    --light: #f8f9fa;
    --dark: #212529;
    /* Твои кастомные цвета проекта */
    --zealous-blue: #60a5fa;
    --zealous-purple: #a78bfa;
    --zealous-bg: hsl(200 30% 12% / 1);
    --zealous-card: #1e293b;
    --zealous-border: #334155;
    --zealous-text: #e2e8f0;
    --zealous-muted: #94a3b8;
    /* Другие часто используемые значения */
    --border-radius: 0.75rem;
    --transition: all 0.3s ease;
    --shadow-sm: 0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --shadow-lg: 0 1rem 3rem rgba(0,0,0,0.175);
    --gutter: 1.5rem;
    /* Цвета ссылок по умолчанию */
    --link-color: var(--zealous-blue); /* основной цвет ссылки */
    --link-hover-color: var(--zealous-purple); /* при наведении */
    --link-visited-color: var(--zealous-blue); /* посещённая */
    --link-active-color: var(--primary-dark); /* при нажатии */

    --select-bg: hsl(200 30% 12% / 1);
    --select-text: #e2e8f0;
    --select-border: #94a3b8;
    --select-focus: var(--bs-gray); /* #4f46e5 или твой цвет */
    --select-hover-option: #f3f4f6; /* светлый hover, работает в FF */
    --select-selected-bg: var(--bs-primary);
    --select-selected-text: white;

    /* Ширины и тд. */
    --right-menu-width: max(300px, 18vw);
}