:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vwl55wadzt1: #1b212a; /* основной фон (тёмный сине-графитовый) */
  --vx7tdy0qdc3: rgba(29,38,50,0.92); /* панели/карточки */
  --vx7tdy0qdc3-2: rgba(36,46,63,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v2g4h8thiz4: rgba(247,248,254,0.96); /* основной текст (почти белый) */
  --vzblqt6z46k: rgba(244,249,250,0.68); /* вторичный текст */
  --vrvrlsmboug: rgba(255,255,255,0.10); /* тонкие разделители */

  --v46l20bluyc: #a754f6; /* фиолетовый акцент (кнопки/активные табы) */
  --v46l20bluyc-contrast: #0f0c1a; /* текст/иконки на фиолетовом */

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --v6n2c05zlq7: #141a27; /* хедер/сайдбар */
  --vwve1k45yjs: rgba(247,249,252,0.96);
  --vj90wquzki5: rgba(245,249,253,0.70);
  --vdd2qzg92kx: rgba(255,255,254,0.12);
  --viv4lgm2snc: #bf82fa; /* мягкий фиолетовый для вторичных акцентов */
  --viu6tbk9vbu: 0 16px 40px rgba(0,0,0,0.60);
}