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

  /* Поверхности/панели — тёплые “карты”/плашки (коричневый + золото) */
  --vyf6b3ohxk1: rgba(78,60,31,0.90);
  --vyf6b3ohxk1-2: rgba(107,84,40,0.92);

  /* Текст */
  --vlptoebwjs7: rgba(255,253,253,0.92);
  --vj0gfcj79gk: rgba(235,227,199,0.72);

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

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

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

  /* Промо/хедер/сайдбар — чуть более “холодный” тёмный графит с тёплым оттенком */
  --vzhfkclbaf0: #3e3832;
  --v9ucvc49ybz: rgba(254,255,253,0.94);
  --vmd826k9nwb: rgba(236,224,200,0.74);
  --vwa6kztznhw: rgba(255,253,254,0.14);

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

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