:root{
  /* Общий фон — тёплый тёмно-коричневый/графит как на скриншоте */
  --vlvi5dm5cy5: #2d2925;

  /* Поверхности/панели — тёплые “карты”/плашки (коричневый + золото) */
  --v474p3hfjof: rgba(78,64,28,0.90);
  --v474p3hfjof-2: rgba(110,88,41,0.92);

  /* Текст */
  --vg8mggv05vu: rgba(255,254,253,0.92);
  --v4bw9quwa5d: rgba(234,227,200,0.72);

  /* Разделители/обводки — мягкие, чуть светлее фона */
  --vk51stdmwvr: rgba(255,255,253,0.12);

  /* Главный акцент — золото/янтарь (кнопки/выделения) */
  --vhc2ckywzjm: #caa14f;
  --vhc2ckywzjm-contrast: rgba(19,16,12,0.92);

  /* Тени/геометрия */
  --vkiz0qi09f2: 0 18px 48px rgba(0,1,1,0.55);
  --radius: 18px;
  --maxw: 1080px;

  /* Промо/хедер/сайдбар — чуть более “холодный” тёмный графит с тёплым оттенком */
  --vbmtrv85pk7: #403b32;
  --vb3ckoxs4ox: rgba(255,255,253,0.94);
  --vhj7rc9ykls: rgba(234,226,202,0.74);
  --v1hs4q9xuux: rgba(254,255,254,0.14);

  /* Вторичный акцент — светлое “песочное” выделение (под чипы/активные элементы) */
  --v7qb5c408fo: #bca46d;

  --vor1vb42wld: 0 20px 60px rgba(2,1,0,0.62);
}