:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vbgoqfov03a: #1b212b; /* основной фон (тёмный сине-графитовый) */
  --vo7tm4liac9: rgba(30,37,50,0.92); /* панели/карточки */
  --vo7tm4liac9-2: rgba(36,45,61,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v09buj99hiz: rgba(243,248,251,0.96); /* основной текст (почти белый) */
  --vas697zjocr: rgba(247,247,252,0.68); /* вторичный текст */
  --vlrdq44fhh1: rgba(254,254,255,0.10); /* тонкие разделители */

  --vhef63oqlk0: #a756f6; /* фиолетовый акцент (кнопки/активные табы) */
  --vhef63oqlk0-contrast: #10091b; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --v599g2agzfe: #141d24; /* хедер/сайдбар */
  --vn0dzi4phz0: rgba(244,246,251,0.96);
  --vgsqixlhgw1: rgba(243,249,252,0.70);
  --vwuyt4aj5fp: rgba(255,255,253,0.12);
  --vtsjf5qx1mp: #c085fd; /* мягкий фиолетовый для вторичных акцентов */
  --vy17uj2l22o: 0 16px 40px rgba(0,0,2,0.60);
}