/* Единая тема DarkSpire для всех страниц: цвета и фон */
:root {
  --text-color: #ebebeb !important;
  --text-color-alower: #ffffff7a !important;
  --bg-color: #030303 !important;
  --bg-second-color: #161519 !important;
  --border-color: #ffffff14 !important;
  --accent-color: #3f83b1 !important;
  --button-bg: color-mix(in srgb, var(--bg-second-color), black 3.5%) !important;
  --btn-primary-bg: var(--accent-color) !important;
  --btn-primary-border: var(--accent-color) !important;
  --btn-primary-text: #ecf8f6 !important;
  --scrollbar-thumb: rgba(63, 131, 177, 0.55) !important;
  --scrollbar-thumb-soft: rgba(63, 131, 177, 0.4) !important;
  --scrollbar-thumb-hover: rgba(63, 131, 177, 0.7) !important;
}

[data-theme="light"] {
  --text-color: #1f1f1f !important;
  --text-color-alower: #5a5a5a !important;
  --bg-color: #f8f7f4 !important;
  --bg-second-color: #efeee9 !important;
  --border-color: rgba(0, 0, 0, 0.08) !important;
  --accent-color: #4ca7e4 !important;
  --button-bg: #e8e7e2 !important;
  --btn-primary-bg: var(--accent-color) !important;
  --btn-primary-border: var(--accent-color) !important;
  --btn-primary-text: #f2fbfa !important;
  --scrollbar-thumb: rgba(76, 167, 228, 0.55) !important;
  --scrollbar-thumb-soft: rgba(76, 167, 228, 0.4) !important;
  --scrollbar-thumb-hover: rgba(76, 167, 228, 0.75) !important;
}

/* Общий фон на всех страницах */
body {
  background-color: var(--bg-color) !important;
  color: var(--text-color) !important;
}