:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --ve590f8ly9o: #1c212c; /* основной фон (тёмный сине-графитовый) */
  --vwzh88dtozj: rgba(26,34,47,0.92); /* панели/карточки */
  --vwzh88dtozj-2: rgba(34,45,64,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v3ngb83xjtw: rgba(245,245,252,0.96); /* основной текст (почти белый) */
  --v2wc3cygr4z: rgba(247,248,251,0.68); /* вторичный текст */
  --vxx4sxce81y: rgba(254,255,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vs3fsbuuxeg: #141926; /* хедер/сайдбар */
  --vklg93xvfnf: rgba(244,247,253,0.96);
  --vnoa7tz9zcp: rgba(246,246,253,0.70);
  --vfdoq1y9fww: rgba(255,255,253,0.12);
  --vbh59c9iipz: #bf82fc; /* мягкий фиолетовый для вторичных акцентов */
  --vqpsakl6v4s: 0 16px 40px rgba(2,2,0,0.60);
}