/* === 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); /* Тени элементов */

  /* Стили форм */
  --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: #28a745; /* Успех (зелёная) */
  --btn-success-hover: #218838;
  --btn-success-text: #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; /* Фон подвала */
  --seg-bg: #ECE6DB; /* Фон разделов */
}

/* === 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);

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

  /* Кнопки (адаптированные цвета) */
  --btn-primary: #5d8bf0;
  --btn-primary-hover: #4a76e8;
  --btn-secondary: #5a6268;
  --btn-secondary-hover: #495057;
  --btn-success: #2ecc71;
  --btn-success-hover: #27ae60;
  --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;
  --seg-bg: #2a2a2a;
}