:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vokc9m6yg2p: #19202b; /* основной фон (тёмный сине-графитовый) */
  --v4g87zurrrv: rgba(26,35,50,0.92); /* панели/карточки */
  --v4g87zurrrv-2: rgba(35,48,61,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vzbbx4cdv2g: rgba(244,248,253,0.96); /* основной текст (почти белый) */
  --vh2k8ga0eya: rgba(246,248,253,0.68); /* вторичный текст */
  --vp6m0mffa6i: rgba(254,253,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --v6jau6uad8a: #131927; /* хедер/сайдбар */
  --vbyc4jcpe3a: rgba(243,247,250,0.96);
  --v3z1ax1orjz: rgba(245,248,254,0.70);
  --vmlfd0trb1u: rgba(255,253,253,0.12);
  --v4iurasga6z: #c286fa; /* мягкий фиолетовый для вторичных акцентов */
  --vcafsj6ykf9: 0 16px 40px rgba(0,1,0,0.60);
}