:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vbct24l27gx: #19212d; /* основной фон (тёмный сине-графитовый) */
  --vllp4yjr4yn: rgba(28,36,48,0.92); /* панели/карточки */
  --vllp4yjr4yn-2: rgba(37,45,62,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vp8ycqqfi3y: rgba(244,247,250,0.96); /* основной текст (почти белый) */
  --v36hpw7valc: rgba(244,248,254,0.68); /* вторичный текст */
  --vs6xzyjffbn: rgba(255,255,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --v4gm3wn6ya1: #161d27; /* хедер/сайдбар */
  --vurmbhmzdf0: rgba(244,248,254,0.96);
  --v0gy1mbwi76: rgba(245,245,253,0.70);
  --vinxapqa1q1: rgba(255,255,255,0.12);
  --vly24n44n00: #be85fa; /* мягкий фиолетовый для вторичных акцентов */
  --v1ikmmo0c2g: 0 16px 40px rgba(0,2,0,0.60);
}