:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vmyznf7wkap: #1a212e; /* основной фон (тёмный сине-графитовый) */
  --vn71xvrql5q: rgba(27,35,49,0.92); /* панели/карточки */
  --vn71xvrql5q-2: rgba(38,47,64,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vme3cxcai6o: rgba(243,249,251,0.96); /* основной текст (почти белый) */
  --vlv7fjtww4z: rgba(243,247,250,0.68); /* вторичный текст */
  --v3ws1bv8bmc: rgba(254,253,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vxnc0rsbxk1: #121924; /* хедер/сайдбар */
  --vhkfu4t15zq: rgba(246,249,252,0.96);
  --vkowln9p32o: rgba(246,248,250,0.70);
  --v4gdu9amzev: rgba(254,255,255,0.12);
  --vitcthjnfo0: #c082fa; /* мягкий фиолетовый для вторичных акцентов */
  --vqhg3zf75n7: 0 16px 40px rgba(1,0,0,0.60);
}