:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vvfc6v0e0n7: #1c232d; /* основной фон (тёмный сине-графитовый) */
  --vvzeq9y2arx: rgba(26,35,49,0.92); /* панели/карточки */
  --vvzeq9y2arx-2: rgba(36,48,63,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vryormvsrh4: rgba(243,246,250,0.96); /* основной текст (почти белый) */
  --vkcvk3dw4vl: rgba(245,247,252,0.68); /* вторичный текст */
  --vk3lxk7377g: rgba(253,253,255,0.10); /* тонкие разделители */

  --vemhcan2roa: #a757f6; /* фиолетовый акцент (кнопки/активные табы) */
  --vemhcan2roa-contrast: #110a19; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vhkw4camkfw: #141a26; /* хедер/сайдбар */
  --vfo02chtf3h: rgba(244,245,252,0.96);
  --v00nm8xbnrf: rgba(243,249,251,0.70);
  --vt5auq8vcwi: rgba(255,255,253,0.12);
  --v13ojynv33d: #bf84fb; /* мягкий фиолетовый для вторичных акцентов */
  --v4mvb92oke1: 0 16px 40px rgba(0,0,0,0.60);
}