/* theme.css — палитры и переключатель */

/* базовая тема (new) */
:root {
  --bg: #162f29;
  --fg: #ffffff;
  --accent: #ffffff;
  --accent-glow: #ffffff22;
  --obj: #ffffff;  
}

/* dark */
:root[data-theme="dark"] {
  --bg: #0f0f10;
  --fg: #ffffff;
  --accent: #ffffff;
  --accent-glow: #ffffff22;
  --obj: #faf9e7;
}

/* old (обратная совместимость с purple) */
:root[data-theme="old"], :root[data-theme="purple"] {
  --bg: #001a19;
  --fg: #ffffff;
  --accent: #009593;
  --accent-glow: #ffffff22;
  --obj: #009593;
}

/* переключатель — скрыт по умолчанию */
.theme-switch {
  position: fixed;
  left: 12px;
  bottom: 12px;
  display: none;
  gap: 6px;
  z-index: 10;
}

/* показываем, когда роутер активировал видимость */
body.show-theme-switch .theme-switch,
.theme-switch.is-visible {
  display: flex;
}

/* кнопки */
.theme-switch button {
  border: 1px solid var(--accent);
  background: transparent;
  color: var(--accent);
  padding: 6px 10px;
  font-size: 12px;
  cursor: pointer;
}
.theme-switch button:hover {
  background-color: var(--accent-glow);
}