:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vv9ilycrpk4: #1a212d; /* основной фон (тёмный сине-графитовый) */
  --vd0jxkewyvw: rgba(28,36,49,0.92); /* панели/карточки */
  --vd0jxkewyvw-2: rgba(36,45,62,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vh9m44o273j: rgba(245,248,254,0.96); /* основной текст (почти белый) */
  --vajeni0i7vm: rgba(245,246,252,0.68); /* вторичный текст */
  --vch4sglnp61: rgba(255,254,253,0.10); /* тонкие разделители */

  --v9vm1n3dvn2: #a956f7; /* фиолетовый акцент (кнопки/активные табы) */
  --v9vm1n3dvn2-contrast: #110c19; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vja4teg58wa: #161a26; /* хедер/сайдбар */
  --vls8hrn7cc9: rgba(243,246,250,0.96);
  --v96hq2qlkuj: rgba(245,247,252,0.70);
  --v4wlawm1wm7: rgba(254,253,255,0.12);
  --vt0qp2n3ew3: #c185fc; /* мягкий фиолетовый для вторичных акцентов */
  --v45o8pogr43: 0 16px 40px rgba(1,0,0,0.60);
}