:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vkiq9tll1oh: #1a202e; /* основной фон (тёмный сине-графитовый) */
  --vylbghe2pev: rgba(28,37,48,0.92); /* панели/карточки */
  --vylbghe2pev-2: rgba(37,45,61,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v7lxs4wgu25: rgba(243,249,253,0.96); /* основной текст (почти белый) */
  --v6yu9nobjaj: rgba(244,247,250,0.68); /* вторичный текст */
  --vfxz0cqp5ik: rgba(253,253,254,0.10); /* тонкие разделители */

  --vnq42dudeeh: #aa54f7; /* фиолетовый акцент (кнопки/активные табы) */
  --vnq42dudeeh-contrast: #100b1b; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vwpvwhhaoh2: #141925; /* хедер/сайдбар */
  --v68j4yov39z: rgba(244,247,253,0.96);
  --v5sun0nunbd: rgba(243,248,253,0.70);
  --vpr11x605ye: rgba(254,255,255,0.12);
  --vhbop39l6bg: #bf86fe; /* мягкий фиолетовый для вторичных акцентов */
  --vd68429s052: 0 16px 40px rgba(0,1,0,0.60);
}