/**
 * Зеленая цветовая схема для Cassiopeia
 * Добавьте этот код в файл: /templates/cassiopeia/css/user.css
 */

:root {
  /* --- ОСНОВНЫЕ ЦВЕТА (Меняем синий на зеленый) --- */
  
  /* Цвет ссылок и акцентных элементов */
  --cassiopeia-color-primary: #2e7d32;        /* Темно-зеленый (основной) */
  --cassiopeia-color-link: #2e7d32;           /* Цвет ссылок */
  --cassiopeia-color-hover: #1b5e20;          /* Цвет при наведении (еще темнее) */

  /* Цвет фона для выделенных элементов (например, меню в мобильной версии) */
  --cassiopeia-color-primary-dark: #1b5e20;    /* Темно-зеленый для фонов */

  /* Градиент для шапки (стандартная тема) */
  --cassiopeia-color-header-grad: linear-gradient(135deg, #2e7d32 0%, #81c784 100%);

  /* --- АЛЬТЕРНАТИВНАЯ ТЕМА (Alternative) --- */
  
  /* Если у вас включена альтернативная цветовая схема в настройках шаблона,
     эти переменные заменят стандартные */

  /* Для темной темы (если используется альтернативный вариант) */
  --alternative-primary: #66bb6a;              /* Светло-зеленый для акцентов */
  --alternative-link: #66bb6a;
  --alternative-hover: #388e3c;

  /* --- ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ ПОЛНОТЫ КАРТИНЫ --- */
  
  /* Цвет фона чипов (тегов) и некоторых служебных элементов */
  --badge-bg-color: #e8f5e9;                   /* Очень светлый зеленый фон */
  --badge-color: #1b5e20;                       /* Темно-зеленый текст */

  /* Цвет кнопок (если используете стандартные классы Bootstrap) */
  --button-primary-bg: #2e7d32;
  --button-primary-border: #1b5e20;
  --button-primary-hover-bg: #1b5e20;
}

/* --- УЛУЧШЕНИЯ ДЛЯ КОНКРЕТНЫХ ЭЛЕМЕНТОВ (опционально) --- */

/* Изменяем цвет обводки полей ввода при фокусе */
.form-control:focus,
.form-select:focus {
  border-color: #81c784;                       /* Салатовый */
  box-shadow: 0 0 0 0.2rem rgba(46, 125, 50, 0.25); /* Зеленая тень */
}

/* Меню в мобильном выезжающем виде (на телефонах) */
.container-header .mod-menu {
  background-color: #1b5e20;                   /* Темно-зеленый фон */
}

/* Цвет активного пункта меню */
.mod-menu .nav-link.active {
  background-color: #81c784;                    /* Салатовый фон */
  color: #1b5e20;                               /* Темно-зеленый текст */
}

/* Кнопка "Наверх" */
.back-to-top-link {
  background-color: #2e7d32;                     /* Зеленый фон */
  border-color: #1b5e20;                          /* Темно-зеленая граница */
}

.back-to-top-link:hover {
  background-color: #1b5e20;                      /* Еще темнее при наведении */
}

/* Дополнительные стили для расширенного функционала */

/* Стилизация таблиц (пригодятся с JCE) */
.table-custom {
    border: 2px solid var(--cassiopeia-color-primary);
    border-radius: 8px;
    overflow: hidden;
}

.table-custom thead {
    background-color: var(--cassiopeia-color-primary);
    color: white;
}

/* Красивые информационные блоки */
.alert-success-custom {
    background-color: #e8f5e9;
    border-left: 4px solid #2e7d32;
    padding: 15px;
    border-radius: 4px;
}

/* Кнопки в зеленой гамме */
.btn-custom-green {
    background-color: #2e7d32;
    color: white;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s;
}

.btn-custom-green:hover {
    background-color: #1b5e20;
    color: white;
    text-decoration: none;
}