:root{
  /* общая тёмная “ночная” тема с фиолетовыми акцентами как на скриншоте */
  --vuzj9azg6qd: #1b212d; /* основной фон (тёмный сине-графитовый) */
  --vu3qi6p4wac: rgba(26,38,49,0.92); /* панели/карточки */
  --vu3qi6p4wac-2: rgba(38,44,60,0.96); /* приподнятые элементы/ховеры/внутренние блоки */
  --v09yy91be0d: rgba(246,245,254,0.96); /* основной текст (почти белый) */
  --vxnnbpadmb3: rgba(243,248,251,0.68); /* вторичный текст */
  --v5rbcvrxfoo: rgba(255,253,254,0.10); /* тонкие разделители */

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

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

  /* верхняя панель/сайдбар (чуть темнее основного фона) */
  --vhrbc9gs9tu: #141926; /* хедер/сайдбар */
  --vgqe1x3hcnj: rgba(243,245,251,0.96);
  --vf54a7xsiaj: rgba(246,247,250,0.70);
  --vru248bna47: rgba(253,255,255,0.12);
  --vbrxmo7vg8f: #c182fd; /* мягкий фиолетовый для вторичных акцентов */
  --vcb5of4wryo: 0 16px 40px rgba(1,2,0,0.60);
}