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

  /* Поверхности/панели — тёплые “карты”/плашки (коричневый + золото) */
  --vvgbrvw4xw4: rgba(81,64,32,0.90);
  --vvgbrvw4xw4-2: rgba(108,85,38,0.92);

  /* Текст */
  --v9u5viog2xn: rgba(253,255,255,0.92);
  --vmmf02ve24t: rgba(237,226,198,0.72);

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

  /* Главный акцент — золото/янтарь (кнопки/выделения) */
  --v5r6qro89xj: #caa04c;
  --v5r6qro89xj-contrast: rgba(20,14,8,0.92);

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

  /* Промо/хедер/сайдбар — чуть более “холодный” тёмный графит с тёплым оттенком */
  --v4bamj9eltb: #3e3932;
  --v2h45n12rmj: rgba(254,254,255,0.94);
  --v3bgo1ox40f: rgba(236,225,202,0.74);
  --v7ob8wl26w6: rgba(254,255,254,0.14);

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

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