:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vnpsqqsdr8b: #19222b; /* основной фон (тёмный сине-графитовый) */
  --vxggavzqmzk: rgba(29,34,47,0.92); /* панели/карточки */
  --vxggavzqmzk-2: rgba(37,48,62,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vwiq0d5me0m: rgba(244,249,253,0.96); /* основной текст (почти белый) */
  --v3jzjseizq6: rgba(243,249,253,0.68); /* вторичный текст */
  --v6i0mmorqd3: rgba(255,253,255,0.10); /* тонкие разделители */

  --vlso4admcg6: #a856f5; /* фиолетовый акцент (кнопки/активные табы) */
  --vlso4admcg6-contrast: #0d0c1b; /* текст/иконки на фиолетовом */

  --vpg48spm2ac: 0 14px 34px rgba(0,1,1,0.55);
  --radius: 18px;
  --maxw: 1080px;

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --voavdphsh69: #161c26; /* хедер/сайдбар */
  --vsfcko9t65h: rgba(244,248,252,0.96);
  --v4sa5n9s4rf: rgba(245,245,254,0.70);
  --v78l645gvtn: rgba(255,255,255,0.12);
  --vh3xhdz8ld7: #bf84fe; /* мягкий фиолетовый для вторичных акцентов */
  --vy1ihhudyx5: 0 16px 40px rgba(2,0,0,0.60);
}