:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vceqz6rgq13: #19232a; /* основной фон (тёмный сине-графитовый) */
  --vq6ljc0futk: rgba(26,34,50,0.92); /* панели/карточки */
  --vq6ljc0futk-2: rgba(36,46,64,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --vzjdojguajq: rgba(245,249,254,0.96); /* основной текст (почти белый) */
  --vybyez0ah4a: rgba(244,248,252,0.68); /* вторичный текст */
  --v93ml32q8gw: rgba(254,253,255,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vg21h1lwte3: #141d26; /* хедер/сайдбар */
  --vi0b3679z3d: rgba(246,248,254,0.96);
  --vf4gb9sl03a: rgba(244,246,250,0.70);
  --vp22eubbnqz: rgba(255,254,255,0.12);
  --v1yfq113rcs: #c085fc; /* мягкий фиолетовый для вторичных акцентов */
  --vo1of4mp4xn: 0 16px 40px rgba(1,0,1,0.60);
}