:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vv4hq7mk1ms: #1b212e; /* основной фон (тёмный сине-графитовый) */
  --vhz5bjz20bm: rgba(27,36,48,0.92); /* панели/карточки */
  --vhz5bjz20bm-2: rgba(35,46,61,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vyx702apotk: rgba(243,246,250,0.96); /* основной текст (почти белый) */
  --vvungaxjwb8: rgba(246,249,252,0.68); /* вторичный текст */
  --vjwalzq2gu7: rgba(255,254,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vzapyoksjev: #121a24; /* хедер/сайдбар */
  --vxfkc04ek8b: rgba(245,249,253,0.96);
  --v098zcunjgb: rgba(244,248,250,0.70);
  --vm6cnmx5epx: rgba(255,255,253,0.12);
  --vmt1tjvyezx: #c284fe; /* мягкий фиолетовый для вторичных акцентов */
  --vmoqmw0ntjx: 0 16px 40px rgba(0,1,0,0.60);
}