:root{
  /* фон в стиле скриншота: тёмный “оливково-графитовый” с зелёным оттенком */
  --vvdv6o8o8zl: #0e100c;                 /* общий фон страницы */
  --vtmvcqai8yl: rgba(23,29,20,.92); /* панели/карточки (тёмный графит с зелёным тоном) */
  --vtmvcqai8yl-2: rgba(32,38,29,.96); /* более “поднятые” элементы */

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

  /* акцент на скриншоте — оранжевый (кнопки/выделения в сайдбаре) */
  --vid5dneuplb: #f39c21;             /* оранжевый акцент */
  --vid5dneuplb-contrast: #13110d;    /* текст на оранжевом */

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

  /* верхняя панель/промо: ещё темнее, с тем же оранжевым акцентом */
  --vsdfiztio9k: #111511;           /* хедер/топ-бар */
  --vki238tvztw: rgba(255,253,255,0.96);
  --vbjwf8v417m: rgba(255,255,253,0.72);
  --vv067seyk52: rgba(254,255,255,0.12);
  --v96wex8dxrk: #f29823;
  --vpmfcfyic7m: 0 16px 40px rgba(0,0,0,0.62);
}