/* Тема 1: Красная */
:root,
[data-theme="red"] {
  --color-primary: #C62828 !important;
  --color-primary-dark: #B71C1C !important;
  --color-primary-light: #EF5350 !important;
}

/* Тема 2: Тёмно-синяя */
[data-theme="blue"] {
  --color-primary: #2C5F8A !important;
  --color-primary-dark: #1E4060 !important;
  --color-primary-light: #4A7FA8 !important;
}

/* Кнопки дней */
.day-btn {
  background: transparent !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.day-btn:hover {
  background: var(--color-primary) !important;
  color: white !important;
}

/* Кнопки справочника */
.ref-btn {
  background: transparent !important;
  border-color: var(--color-primary) !important;
  color: var(--color-primary) !important;
}

.ref-btn:hover {
  background: var(--color-primary) !important;
  color: white !important;
}

/* Кнопка "Назад к дням" */
.back-button {
  background: var(--color-primary) !important;
  border-color: var(--color-primary) !important;
  color: white !important;
}

.back-button:hover {
  background: var(--color-primary-dark) !important;
}

/* Переключатель тем */
.theme-toggle {
  background: var(--color-primary) !important;
  border: 2px solid white !important;
  color: white !important;
}


/* 🔹 Фикс активной кнопки справочника */
.ref-btn.active, .ref-btn.active:hover {
  background: var(--color-info) !important; /* Голубой цвет для разделов */
  color: #FFFFFF !important;
  border-color: var(--color-info) !important;
}