:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vduk3szrbv8: #19232d; /* основной фон (тёмный сине-графитовый) */
  --vhm2s2ip6v9: rgba(28,38,46,0.92); /* панели/карточки */
  --vhm2s2ip6v9-2: rgba(34,47,61,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vlid0qqz5j1: rgba(247,249,251,0.96); /* основной текст (почти белый) */
  --vmfs2pzwqok: rgba(245,248,254,0.68); /* вторичный текст */
  --vl5u3v5erfj: rgba(255,253,255,0.10); /* тонкие разделители */

  --vkfed7o9ywx: #a854f5; /* фиолетовый акцент (кнопки/активные табы) */
  --vkfed7o9ywx-contrast: #100919; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vh7eoskkq1d: #121a24; /* хедер/сайдбар */
  --v3i29rzhmqc: rgba(245,248,253,0.96);
  --vuew7p66i9u: rgba(243,247,250,0.70);
  --vfkszc82q5z: rgba(255,253,254,0.12);
  --vqwmbve698e: #c184fa; /* мягкий фиолетовый для вторичных акцентов */
  --vwz6v45whm5: 0 16px 40px rgba(0,2,0,0.60);
}