/* Тёмная тема — и она же принудительно для .light */
:root,
html.light {
  --bg-primary:   #1A1A1A;
  --bg-secondary: #212121;
  --bg-tertiary:  #2B2B2B;

  --border:       #343434;
  --border-hover: #454545;

  --text-primary:   #F5F3F0;
  --text-secondary: #A8A29A;
  --text-muted:     #6E6862;

  --hover-bg:      rgba(245, 200, 66, 0.08);
  --segment-empty: #3A3A3A;

  --color-green:  #3DD68C;
  --color-red:    #F2555B;
  --color-yellow: #F5C842;

  --filter-online-bg:  rgba(61, 214, 140, 0.15);
  --filter-offline-bg: rgba(242, 85, 91, 0.15);
  --btn-active-bg:     rgba(248, 160, 40, 0.12);
  --btn-active-border: rgba(248, 160, 40, 0.35);
}

/* Убрать переключатель темы */
button[\@click="toggleDarkMode()"] {
  display: none !important;
}

.header-logo img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
}