:root{
  /* общая “тёмно-бронзовая” тема как на скриншоте */
  --vl1h3jzdx1r: #242121; /* основной фон (тёмный графит/коричневый) */
  --vdwynfgagvi: rgba(43,38,44,0.92); /* панели/карточки (чуть светлее фона) */
  --vdwynfgagvi-2: rgba(60,54,55,0.96); /* приподнятые элементы/вложенные блоки */
  --v2rvv9m3uel: rgba(241,228,211,0.96); /* основной текст (тёплый светлый) */
  --vv0pka86wp7: rgba(241,228,209,0.72); /* вторичный текст */
  --v8p1by9dnud: rgba(217,195,158,0.18); /* тонкие разделители с “золотым” тоном */

  --v7o3i6akgnl: #d57747; /* оранжево-золотой акцент (CTA/активные элементы) */
  --v7o3i6akgnl-contrast: #1a1610; /* контраст на акценте (тёмный) */

  --vzgorwcvlmv: 0 14px 34px rgba(2,2,1,0.45);
  --radius: 18px;
  --maxw: 1080px;

  /* “промо/хедер” зона в светлом бронзовом, как верхняя панель на скриншоте */
  --vhs2qq5f9d0: #ccb9a4; /* светлая бронза/беж */
  --vfg1pwiolv7: rgba(35,23,20,0.94); /* тёмный текст на светлом хедере */
  --vofdx8w0s8o: rgba(32,26,16,0.68);
  --vyu1fe58klf: rgba(34,26,20,0.18);
  --vimb39ot90m: #7d6a47; /* приглушённое золото/бронза для вторичных акцентов */
  --vpg5s1can5y: 0 12px 28px rgba(0,1,0,0.28);
}