:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vhkctjt0anr: #1d242c; /* основной фон (тёмный сине-графитовый) */
  --vjom7bzq42e: rgba(30,38,46,0.92); /* панели/карточки */
  --vjom7bzq42e-2: rgba(34,45,60,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v1p12yr0dcf: rgba(245,246,251,0.96); /* основной текст (почти белый) */
  --vkhdvos66ch: rgba(243,249,253,0.68); /* вторичный текст */
  --vqelmw1ib2w: rgba(254,255,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vvs1c26cmix: #121c27; /* хедер/сайдбар */
  --vswocls6mt3: rgba(246,249,252,0.96);
  --vl0uxrt6t3y: rgba(243,249,250,0.70);
  --vcc1vd8rrj4: rgba(254,254,253,0.12);
  --vwzfacjec08: #be85fd; /* мягкий фиолетовый для вторичных акцентов */
  --vbs6l7scmj6: 0 16px 40px rgba(0,0,0,0.60);
}