:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --v4mbkuu1w1g: #1b202a; /* основной фон (тёмный сине-графитовый) */
  --vt5pp9hm7kl: rgba(26,38,48,0.92); /* панели/карточки */
  --vt5pp9hm7kl-2: rgba(38,46,62,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vsd60b04m4b: rgba(246,247,253,0.96); /* основной текст (почти белый) */
  --veu0facequ9: rgba(244,249,252,0.68); /* вторичный текст */
  --vgdwx99jhqi: rgba(253,255,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vqf3hejs06c: #121b25; /* хедер/сайдбар */
  --vxmynzotkbv: rgba(246,248,253,0.96);
  --vugpeeijurh: rgba(245,245,253,0.70);
  --v5or03aalfh: rgba(255,255,254,0.12);
  --v7dye6k5xvz: #bf84fe; /* мягкий фиолетовый для вторичных акцентов */
  --vmtqvivqkyx: 0 16px 40px rgba(0,1,1,0.60);
}