/* ============================================================
   DStudio — 10 тем для A/B-тесту рекламних посадкових
   Кожна тема перевизначає лише токени. Розмітка спільна.
   ============================================================ */

/* 1 · БУРШТИН — графіт і янтар */
[data-ab="amber"]{
  --ab-photo:url("/img/hero-bg/index.webp");
  --ab-veil:linear-gradient(100deg, rgba(11,9,7,.93) 0%, rgba(16,19,14,.86) 34%, rgba(11,9,7,.62) 62%, rgba(11,9,7,.72) 100%);
  --ab-bg:radial-gradient(120% 92% at 76% 42%, #221D14 0%, #16130E 55%, #0B0907 100%);
  --ab-fg:#F6F1E6; --ab-fg2:#B9B0A0; --ab-fg3:#978F80;
  --ab-acc:#FFB020; --ab-acc-tx:#1A1305; --ab-brd:rgba(246,241,230,.22);
  --ab-grid:rgba(255,176,32,.10); --ab-soft:rgba(255,176,32,.14);
}
/* 2 · СТУДІЯ — сірий фон портрета + жовтий */
[data-ab="studio"]{
  --ab-photo:url("/img/hero-bg/tablytsi.webp");
  --ab-veil:linear-gradient(100deg, rgba(154,153,153,.90) 0%, rgba(138,138,138,.80) 36%, rgba(112,111,111,.55) 64%, rgba(90,89,89,.62) 100%);
  --ab-bg:radial-gradient(ellipse 120% 86% at 46% 58%, #9A9999 0%, #8A8A8A 32%, #706F6F 62%, #5A5959 100%);
  --ab-fg:#141210; --ab-fg2:#1C1815; --ab-fg3:#221E1B;
  --ab-acc:#FFD449; --ab-acc-tx:#1A1506; --ab-brd:rgba(20,18,16,.28);
  --ab-grid:rgba(20,18,16,.09); --ab-soft:rgba(255,212,73,.28);
}
/* 3 · ПОМАРАНЧ — вугілля і помаранчевий */
[data-ab="orange"]{
  --ab-photo:url("/img/hero-bg/shvydko.webp");
  --ab-veil:linear-gradient(100deg, rgba(13,9,8,.94) 0%, rgba(25,19,16,.86) 34%, rgba(13,9,8,.60) 62%, rgba(13,9,8,.70) 100%);
  --ab-bg:linear-gradient(155deg,#241A14 0%,#191310 46%,#0D0908 100%);
  --ab-fg:#F7F0EA; --ab-fg2:#BCAEA4; --ab-fg3:#9A8D84;
  --ab-acc:#FF6A2B; --ab-acc-tx:#190A03; --ab-brd:rgba(247,240,234,.22);
  --ab-grid:rgba(255,106,43,.11); --ab-soft:rgba(255,106,43,.16);
}
/* 4 · ДАНІ — темно-зелений і м'ята */
[data-ab="data"]{
  --ab-photo:url("/img/hero-bg/ai.webp");
  --ab-veil:linear-gradient(100deg, rgba(7,11,10,.985) 0%, rgba(14,21,19,.95) 38%, rgba(7,11,10,.62) 66%, rgba(7,11,10,.74) 100%);
  --ab-bg:radial-gradient(110% 90% at 22% 22%, #13201C 0%, #0E1513 52%, #070B0A 100%);
  --ab-fg:#EAF3EF; --ab-fg2:#9EB2AA; --ab-fg3:#7F928B;
  --ab-acc:#45E0A0; --ab-acc-tx:#04170F; --ab-brd:rgba(234,243,239,.20);
  --ab-grid:rgba(69,224,160,.11); --ab-soft:rgba(69,224,160,.15);
}
/* 5 · АРКУШ — світлий папір і червоний */
[data-ab="paper"]{
  --ab-photo:url("/img/hero-bg/vlasnist.webp");
  --ab-veil:linear-gradient(100deg, rgba(245,242,236,.94) 0%, rgba(245,242,236,.86) 36%, rgba(233,228,218,.58) 64%, rgba(233,228,218,.66) 100%);
  --ab-bg:linear-gradient(180deg,#F5F2EC 0%,#E9E4DA 100%);
  --ab-fg:#12100F; --ab-fg2:#4A443E; --ab-fg3:#59534D;
  --ab-acc:#E33A2E; --ab-acc-tx:#FFF6F4; --ab-brd:rgba(18,16,15,.24);
  --ab-grid:rgba(18,16,15,.07); --ab-soft:rgba(227,58,46,.12);
}
/* 6 · НІЧНА ЗМІНА — синій графіт і холодне світло */
[data-ab="night"]{
  --ab-photo:url("/img/hero-bg/auto.webp");
  --ab-veil:linear-gradient(100deg, rgba(7,11,16,.94) 0%, rgba(13,20,29,.86) 34%, rgba(7,11,16,.58) 62%, rgba(7,11,16,.70) 100%);
  --ab-bg:radial-gradient(120% 90% at 70% 30%, #16202E 0%, #0D141D 55%, #070B10 100%);
  --ab-fg:#EDF3FA; --ab-fg2:#9EAFC2; --ab-fg3:#7F90A3;
  --ab-acc:#4DA3FF; --ab-acc-tx:#04121F; --ab-brd:rgba(237,243,250,.20);
  --ab-grid:rgba(77,163,255,.11); --ab-soft:rgba(77,163,255,.15);
}
/* 7 · БОРДО — глибокий винний і теплий рожевий */
[data-ab="wine"]{
  --ab-photo:url("/img/hero-bg/beauty.webp");
  --ab-veil:linear-gradient(100deg, rgba(12,7,9,.975) 0%, rgba(26,14,17,.93) 38%, rgba(12,7,9,.60) 66%, rgba(12,7,9,.72) 100%);
  --ab-bg:radial-gradient(120% 90% at 30% 26%, #2A1519 0%, #1A0E11 54%, #0C0709 100%);
  --ab-fg:#F8EEEF; --ab-fg2:#C3A9AD; --ab-fg3:#A2868A;
  --ab-acc:#E8607A; --ab-acc-tx:#22070C; --ab-brd:rgba(248,238,239,.20);
  --ab-grid:rgba(232,96,122,.10); --ab-soft:rgba(232,96,122,.15);
}
/* 8 · ХВИЛЯ — тил і бірюза */
[data-ab="wave"]{
  --ab-photo:url("/img/hero-bg/horeca.webp");
  --ab-veil:linear-gradient(100deg, rgba(6,13,16,.94) 0%, rgba(11,23,27,.86) 34%, rgba(6,13,16,.58) 62%, rgba(6,13,16,.70) 100%);
  --ab-bg:linear-gradient(160deg,#0F2126 0%,#0B171B 50%,#060D10 100%);
  --ab-fg:#E6F5F8; --ab-fg2:#94B2B9; --ab-fg3:#769299;
  --ab-acc:#22D3EE; --ab-acc-tx:#03181C; --ab-brd:rgba(230,245,248,.20);
  --ab-grid:rgba(34,211,238,.10); --ab-soft:rgba(34,211,238,.14);
}
/* 9 · ПІСОК — тепла бумага і охра */
[data-ab="sand"]{
  --ab-photo:url("/img/hero-bg/expert.webp");
  --ab-veil:linear-gradient(100deg, rgba(243,237,225,.94) 0%, rgba(243,237,225,.86) 36%, rgba(231,222,204,.56) 64%, rgba(218,207,184,.64) 100%);
  --ab-bg:linear-gradient(170deg,#F3EDE1 0%,#E7DECC 55%,#DACFB8 100%);
  --ab-fg:#1B1710; --ab-fg2:#544B3B; --ab-fg3:#615848;
  --ab-acc:#8A5F12; --ab-acc-tx:#FFF9EC; --ab-brd:rgba(27,23,16,.22);
  --ab-grid:rgba(27,23,16,.07); --ab-soft:rgba(176,124,30,.16);
}
/* 10 · КОНТРАСТ — чистий чорний і лайм */
[data-ab="lime"]{
  --ab-photo:url("/img/hero-bg/school.webp");
  --ab-veil:linear-gradient(100deg, rgba(5,6,3,.975) 0%, rgba(12,13,8,.93) 38%, rgba(5,6,3,.60) 66%, rgba(5,6,3,.72) 100%);
  --ab-bg:radial-gradient(120% 90% at 50% 30%, #16180F 0%, #0C0D08 55%, #050603 100%);
  --ab-fg:#F2F5E8; --ab-fg2:#A9B096; --ab-fg3:#899078;
  --ab-acc:#C8FF3D; --ab-acc-tx:#0F1503; --ab-brd:rgba(242,245,232,.20);
  --ab-grid:rgba(200,255,61,.10); --ab-soft:rgba(200,255,61,.14);
}


/* На вузькому екрані вантажимо легший знімок */
@media (max-width:760px){
  [data-ab="amber"]{--ab-photo:url("/img/hero-bg/index@sm.webp")}
  [data-ab="studio"]{--ab-photo:url("/img/hero-bg/tablytsi@sm.webp")}
  [data-ab="orange"]{--ab-photo:url("/img/hero-bg/shvydko@sm.webp")}
  [data-ab="data"]{--ab-photo:url("/img/hero-bg/ai@sm.webp")}
  [data-ab="paper"]{--ab-photo:url("/img/hero-bg/vlasnist@sm.webp")}
  [data-ab="night"]{--ab-photo:url("/img/hero-bg/auto@sm.webp")}
  [data-ab="wine"]{--ab-photo:url("/img/hero-bg/beauty@sm.webp")}
  [data-ab="wave"]{--ab-photo:url("/img/hero-bg/horeca@sm.webp")}
  [data-ab="lime"]{--ab-photo:url("/img/hero-bg/school@sm.webp")}
  [data-ab="sand"]{--ab-photo:url("/img/hero-bg/expert@sm.webp")}
}