/* root.css === CSS-ПЕРЕМЕННЫЕ ДЛЯ СВЕТЛОЙ ТЕМЫ === */
:root {
  /* Основные цвета интерфейса */
  --bg-primary: #f8f9fa; /* Основной фон */
  --bg-secondary: #ffffff; /* Вторичный фон */
  --text-primary: #212529; /* Основной текст */
  --text-secondary: #6c757d; /* Вторичный текст */
  --border-color: #dee2e6; /* Цвет границ */
  --shadow: 0 2px 5px rgba(0,0,0,0.1); /* Тени элементов */

  /* === РАДИУСЫ УГЛОВ (ОБЩИЕ ДЛЯ ВСЕХ ТЕМ) === */
  --radius-none: 0;          /* Острые углы, без скругления */
  --radius-xs: 2px;         /* Минимальный радиус */
  --radius-sm: 4px;         /* Малый радиус */
  --radius-md: 8px;         /* Средний радиус */
  --radius-lg: 12px;        /* Большой радиус */
  --radius-xl: 16px;        /* Очень большой радиус */
  --radius-2xl: 24px;       /* Максимальный радиус */
  --radius-round: 50%;      /* Полная окружность (для круглых элементов) */
  --radius-pill: 9999px;    /* Полуовал/капсула (для кнопок, полей ввода) */

  /* Радиусы для конкретных компонентов */
  --radius-button: var(--radius-md);          /* Кнопки (стандартные) */
  --radius-button-pill: var(--radius-pill);   /* Кнопки-капсулы */
  --radius-input: var(--radius-sm);          /* Поля input */
  --radius-input-pill: var(--radius-pill);   /* Поля ввода-капсулы */
  --radius-textarea: var(--radius-sm);       /* Текстовые области */
  --radius-richtext: var(--radius-sm);       /* Редакторы richtext */
  --radius-select: var(--radius-sm);         /* Кастомные select */
  --radius-select-pill: var(--radius-pill);  /* Select-капсулы */
  --radius-checkbox: var(--radius-sm);       /* Чекбоксы */
  --radius-checkbox-horizontal: var(--radius-md); /* Горизонтальные чекбоксы */
  --radius-radio: var(--radius-round);       /* Радиокнопки (круглые) */
  --radius-card: var(--radius-lg);           /* Карточки */
  --radius-card-inner: var(--radius-md);     /* Внутренние элементы карточек */
  --radius-table: var(--radius-sm);          /* Таблицы (углы таблицы) */
  --radius-table-cell: var(--radius-xs);     /* Ячейки таблицы */
  --radius-modal: var(--radius-xl);          /* Модальные окна */
  --radius-popover: var(--radius-lg);        /* Всплывающие окна/подсказки */
  --radius-tooltip: var(--radius-sm);        /* Тулытипы */
  --radius-dropdown: var(--radius-md);       /* Выпадающие списки */
  --radius-alert: var(--radius-md);          /* Алёрты/уведомления */
  --radius-badge: var(--radius-pill);        /* Бейджи (капсулы) */
  --radius-tab: var(--radius-md);            /* Вкладки (табы) */
  --radius-tab-pill: var(--radius-pill);     /* Табы-капсулы */
  --radius-avatar: var(--radius-round);      /* Аватары (круглые) */
  --radius-progress: var(--radius-pill);     /* Прогресс-бары */
  --radius-skeleton: var(--radius-sm);       /* Скелетоны/заглушки */
  --radius-divider: var(--radius-none);      /* Разделители (обычно без скругления) */
  --radius-layer: var(--radius-md);          /* Общие слои/контейнеры */
  --radius-overlay: var(--radius-md);        /* Оверлеи/подложки */

  /* === ЦВЕТА ФОНА СЕГМЕНТОВ (СВЕТЛАЯ ТЕМА) - более светлые === */
  --seg-bg: #f8f4ee; /* Светлее исходного #ECE6DB */
  

  /* Шкала серых для сегментов (0-9) - светлее оригинала */
  --seg-bg-0: #858585;  /* (самый тёмный) */
  --seg-bg-1: #919191;  /* */
  --seg-bg-2: #9D9D9D;  /* */
  --seg-bg-3: #AAAAAA;  /* */
  --seg-bg-4: #B6B6B6;  /* */
  --seg-bg-5: #C2C2C2;  /* */
  --seg-bg-6: #CECECE;  /* */
  --seg-bg-7: #DADADA;  /* */
  --seg-bg-8: #E6E6E6;  /* */
  --seg-bg-9: #F2F2F2;  /* (самый светлый) */

  /* Стили форм */
  --form-control-bg: #ffffff; /* Фон полей ввода */
  --form-control-border: #ced4da; /* Границы полей */
  --form-control-tx: #212529; /* Текст в полях */
  --form-control-placeholder: #6c757d; /* Плейсхолдеры */

  /* Цвета кнопок */
  --btn-primary: #4D6BFE; /* Основная кнопка (синяя) */
  --btn-primary-hover: #3a56d4; /* Hover-состояние */
  --btn-primary-text: #ffffff; /* Цвет текста */

  --btn-secondary: #6c757d; /* Вторичная (серая) */
  --btn-secondary-hover: #5a6268;
  --btn-secondary-text: #ffffff;

  --btn-success: #4E7444; /* #28a745 Успех (зелёная) */
  --btn-success-hover: #55824A; /* #218838 */
  --btn-success-text: #ffffff; /* #ffffff */

  --btn-danger: #dc3545; /* Опасность (красная) */
  --btn-danger-hover: #c82333;
  --btn-danger-text: #ffffff;

  --btn-warning: #ffc107; /* Предупреждение (жёлтая) */
  --btn-warning-hover: #e0a800;
  --btn-warning-text: #212529;

  --btn-info: #17a2b8; /* Информация (голубая) */
  --btn-info-hover: #138496;
  --btn-info-text: #ffffff;

  /* Дополнительные цвета кнопок */
  --btn-purple: #6f42c1; /* Фиолетовая (для акцентов) */
  --btn-purple-hover: #5a32a3;
  --btn-purple-text: #ffffff;

  --btn-orange: #fd7e14; /* Оранжевая (для действий) */
  --btn-orange-hover: #dc6e10;
  --btn-orange-text: #212529;

  --btn-pink: #e83e8c; /* Розовая (для маркетинга) */
  --btn-pink-hover: #d01d6b;
  --btn-pink-text: #ffffff;

  --btn-teal: #20c997; /* Бирюзовая (свежий акцент) */
  --btn-teal-hover: #199d76;
  --btn-teal-text: #ffffff;

  --btn-indigo: #6610f2; /* Индиго (профессиональный) */
  --btn-indigo-hover: #520dc2;
  --btn-indigo-text: #ffffff;

  --btn-lime: #d4ed12; /* Лаймовая (яркий акцент) */
  --btn-lime-hover: #b8d00b;
  --btn-lime-text: #212529;

  --btn-maroon: #7b0a1a; /* Бордовая (VIP-функции) */
  --btn-maroon-hover: #5c0713;
  --btn-maroon-text: #ffffff;

  /* Дополнительные элементы */
  --header-bg: #e9ecef; /* Фон шапки */
  --header-text: #333; /* Текст шапки */
  --footer-bg: #888; /* Фон подвала */
    
  /* Стили таблиц */
  --table-tr-parent: #4D4D4D; /* Фон родителя выделенной строки */
  --table-tr-descen: #4D4D4D; /* Фон родителя выделенной строки */
  --table-tr-parent-bg: #D1B8B1; /* Фон родителя выделенной строки */
  --table-tr-select-bg: #3A7CB4; /* Фон выделенной строки */
  --table-tr-descen-bg: #B5D8BC; /* Фон потомков выделенной строки */
  
  /* Стили селектов */
  --select-options-select-bg: #3A7CB4; /* Фон выделенной строки */
}

/* === CSS-ПЕРЕМЕННЫЕ ДЛЯ ТЁМНОЙ ТЕМЫ === */
[data-theme="dark"] {
  --bg-primary: #1A1A1A;
  --bg-secondary: #1e1e1e;
  --text-primary: #e0e0e0;
  --text-secondary: #aaa;
  --border-color: #444;
  --shadow: 0 2px 8px rgba(0,0,0,0.3);

  /* === ЦВЕТА ФОНА СЕГМЕНТОВ (ТЁМНАЯ ТЕМА) - более тёмные === */
  --seg-bg: #3a342e; /* Темнее исходного #ECE6DB */
  
  /* Шкала серых для сегментов (0-9) - темнее оригинала */
  --seg-bg-0: #0C0C0C;  /* (самый тёмный) */
  --seg-bg-1: #181818;  /* */
  --seg-bg-2: #242424;  /* */
  --seg-bg-3: #303030;  /* */
  --seg-bg-4: #3D3D3D;  /* */
  --seg-bg-5: #494949;  /* */
  --seg-bg-6: #555555;  /* */
  --seg-bg-7: #616161;  /* */
  --seg-bg-8: #6D6D6D;  /* */
  --seg-bg-9: #797979;  /* (самый светлый) */

  /* Формы */
  --form-control-bg: #2d2d2d;
  --form-control-border: #555;
  --form-control-tx: #e0e0e0;
  --form-control-placeholder: #aaa;

  /* Кнопки (адаптированные цвета) */
  --btn-primary: #4663A4;
  --btn-primary-hover: #4C6BBC;
  --btn-secondary: #45515B;
  --btn-secondary-hover: #28394A;
  --btn-success: #42543E;
  --btn-success-hover: #4C6645;
  --btn-danger: #e74c3c;
  --btn-danger-hover: #c0392b;
  --btn-warning: #f39c12;
  --btn-warning-hover: #d35400;
  --btn-info: #3498db;
  --btn-info-hover: #2980b9;
  --btn-purple: #9b59b6;
  --btn-purple-hover: #8e44ad;
  --btn-orange: #e67e22;
  --btn-orange-hover: #d35400;
  --btn-pink: #e91e63;
  --btn-pink-hover: #c2185b;
  --btn-teal: #1abc9c;
  --btn-teal-hover: #16a085;
  --btn-indigo: #564fcc;
  --btn-indigo-hover: #463dbb;
  --btn-lime: #c4e538;
  --btn-lime-hover: #a4c42c;
  --btn-maroon: #8b0000;
  --btn-maroon-hover: #6b0000;

  /* Доп. элементы */
  --header-bg: #2a2a2a;
  --header-text: #fff;
  --footer-bg: #333;
      
  /* Стили таблиц */
  --table-tr-parent-bg: #493935; /* Фон родителя выделенной строки */
  --table-tr-select-bg: #2E3F4E; /* Фон выделенной строки */
  --table-tr-descen-bg: #30362E; /* Фон потомков выделенной строки */
  
  /* Стили селектов */
  --select-options-select-bg: #2E3F4E; /* Фон выделенной строки */
}