/* Позиция и стиль иконки темы */
.smena-themi-toggle {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 1000;
  display: inline-block;
  cursor: pointer;
}

/* Иконка переключателя */
.icon-theme {
  font-size: 28px;
  transition: opacity .3s;
}

/* Панель выбора темы */
.theme-panel {
  display: none;
  position: absolute;
  bottom: 30px;
  right: 0;
  padding: 10px;
  border-radius: 8px;
  z-index: 999;
}

.smena-themi-toggle.open .theme-panel {
  display: block;
}

/* Кнопки выбора темы */
.theme-option {
  padding: 8px 16px;
  border: none;
  border-radius: 4px;
  margin: 5px 0;
  cursor: pointer;
  font-size: 14px;
  transition: background 0.3s;
}


/* =============================
   Светлая тема (по умолчанию)
   ============================= */
:root {
  --bulma-primary: #00d1b2;       /* цвет шапки, кнопок и других элементов */
  --bulma-background: #ffffff;    /* фон сайта */
  --bulma-text: #222222;          /* основной цвет текста */
}

/* =============================
   Тёмная тема
   ============================= */
[data-theme="dark"] {
  --bulma-primary: #51546b;
  --bulma-background: #1e1e1e;
  --bulma-text: #f5f5f5;
}
/* =============================
   Применяем переменные к Bulma
   ============================= */
body {
  background-color: var(--bulma-background);
  color: var(--bulma-text);
}

.has-background-primary {
  background-color: var(--bulma-primary) !important;
}

.has-text-primary {
  color: var(--bulma-primary) !important;
}

[data-theme="dark"] img.theme-adaptable {
  filter: brightness(5); /* увеличиваем яркость kjujnbgf */
}