:root{
  /* фон в стиле скриншота: тёмный “оливково-графитовый” с зелёным оттенком */
  --vyxffjwf50l: #11110f;                 /* общий фон страницы */
  --vs7n6icnks0: rgba(22,29,20,.92); /* панели/карточки (тёмный графит с зелёным тоном) */
  --vs7n6icnks0-2: rgba(33,37,29,.96); /* более “поднятые” элементы */

  --vx779amhga7: rgba(255,254,253,0.94);    /* основной текст */
  --vmdbnzgyoyq: rgba(255,255,255,0.68);   /* вторичный текст */
  --vbzmqn6qvg8: rgba(255,253,255,0.10);  /* тонкие разделители */

  /* акцент на скриншоте — оранжевый (кнопки/выделения в сайдбаре) */
  --vptfo3onhtx: #f09b20;             /* оранжевый акцент */
  --vptfo3onhtx-contrast: #14100e;    /* текст на оранжевом */

  --v7jufh97kuk: 0 14px 36px rgba(0,2,0,0.55);
  --radius: 18px;
  --maxw: 1080px;

  /* верхняя панель/промо: ещё темнее, с тем же оранжевым акцентом */
  --vkx2ddv2dpf: #111710;           /* хедер/топ-бар */
  --v4jwcitffgb: rgba(253,255,255,0.96);
  --vqyf1s685lo: rgba(253,255,255,0.72);
  --vvyjk4wx2o8: rgba(255,254,253,0.12);
  --vp0acn0hae9: #f19c23;
  --v2hamdblhan: 0 16px 40px rgba(2,2,1,0.62);
}