/* BetConstruct tema değişkenleri — orijinalde <html style="..."> üzerindeydi.
   :root === <html> olduğu için birebir aynı etkiyi verir. BC framework CSS'i bunları kullanır. */
:root {
  --mobile-header-main-section-height: 56px;
  --mobile-header-navigation-height: 0px;
  --mobile-horizontal-tab-navigation-height: 40px;
  --mobile-sub-header-full-height: 0px;
  --mobile-header-full-height: 56px;
  --dynamic-header: 0px;
  --hero-hover: 226, 187, 51;
  --hero-sc: 0, 2, 5;
  --hero: 233, 202, 96;
  --brand-hover: 16, 153, 35;
  --brand-sc: 0, 2, 5;
  --brand: 22, 199, 46;
  --secondary-hover: 4, 120, 120;
  --secondary-sc: 0, 2, 5;
  --secondary: 6, 169, 170;
  --accent-hover: 226, 187, 51;
  --accent-sc: 0, 2, 5;
  --accent: 233, 202, 96;
  --oc-1-hover: 226, 187, 51;
  --oc-1-sc: 0, 2, 5;
  --oc-1: 233, 202, 96;
  --oc-2-hover: 226, 187, 51;
  --oc-2-sc: 0, 2, 5;
  --oc-2: 233, 202, 96;
  --oc-3-hover: 255, 102, 118;
  --oc-3-sc: 255, 255, 255;
  --oc-3: 255, 52, 73;
  --odd-up-hover: 16, 153, 35;
  --odd-up-sc: 0, 2, 5;
  --odd-up: 22, 199, 46;
  --odd-down-hover: 255, 102, 118;
  --odd-down-sc: 255, 255, 255;
  --odd-down: 255, 52, 73;
  --neutral: 255, 255, 255;
  --neutral-sc: 0, 2, 5;
  --b-hover: 80, 17, 125;
  --b-sc: 255, 255, 255;
  --b: 52, 11, 81;
  --header-hover: 80, 17, 125;
  --header-sc: 255, 255, 255;
  --header: 52, 11, 81;
  --menu-hover: 80, 17, 125;
  --menu-sc: 255, 255, 255;
  --menu: 52, 11, 81;
  --tab-navigation-hover: 0, 28, 87;
  --tab-navigation-sc: 255, 255, 255;
  --tab-navigation: 0, 12, 36;
  --static-black-hover: 0, 22, 56;
  --static-black-sc: 255, 255, 255;
  --static-black: 0, 2, 5;
  --static-white-hover: 229, 229, 229;
  --static-white-sc: 0, 2, 5;
  --static-white: 255, 255, 255;
  --warning-hover: 245, 151, 0;
  --warning-sc: 0, 2, 5;
  --warning: 255, 173, 41;
  --error-hover: 226, 23, 54;
  --error-sc: 255, 255, 255;
  --error: 180, 19, 43;
  --success-hover: 5, 152, 100;
  --success-sc: 255, 255, 255;
  --success: 4, 103, 68;
  --info-hover: 49, 126, 241;
  --info-sc: 255, 255, 255;
  --info: 15, 99, 225;
  --border-radius: 4px;
  --font-family: Roboto, Arial, Helvetica, sans-serif;
}

/* ── SİTE PALETİ ────────────────────────────────────────────────────────────
 * custom.css'te elle yazılmış (hard-coded) tema renkleri buraya taşındı:
 * header/nav/bölüm-şeridi/zemin renkleri artık TEK yerden — ve BO >
 * `theme_vars_css` ile sistem içinden — değiştirilebilir.
 * custom.css bunları `var(--ad, eski-değer)` ile kullanır: BO'dan gelen bir
 * theme-vars bu bloğu tamamen değiştirse bile renkler bozulmaz (fallback). */
:root {
  --site-bg: #000c24;         /* genel zemin: layout, footer içi, popup, oyun kartı */

  /* Bölüm şeridi (.page-view-more) ALTIN — mobil ile aynı reçete:
     kenarlar kroma zemini, orta sıcak altın, çizgi ve yazı altın. */
  --site-bar-from: #0b0906;   /* bölüm şeridi — kenarlar */
  --site-bar-to: #4a3510;     /* bölüm şeridi — orta */
  --site-bar-border: #6b4f16; /* bölüm şeridi üst/alt çizgi */
  --site-bar-fg: #fbeec2;     /* bölüm şeridi başlık metni (.view-title-more) */

  /* ── ALTIN TEMA (kroma: header + navbar + footer) ────────────────────────
   * Marka varlıklarının HEPSİ altın (logo, afiş, ürün kartları, jackpot
   * rozetleri) ama kroma lacivertti — iki palet yan yana çarpışıyordu.
   * Değerler MOBİLLE BİREBİR AYNI (mobile/public/theme-vars.css): tek marka,
   * iki platform. Gövde zemini (`--site-bg`) DEĞİŞMEDİ, yalnız çerçeve altına
   * döndü — içerik kutuları eski zeminini korur.
   * ⚠️ Kuralların kendisi platformun KENDİ `custom.css`inde; ortak dosya YOK.
   * Buradan (ya da BO > `theme_vars_css`) yalnız renkler ayarlanır. */
  --gold-hi: #fbeec2;   /* parlama / ikon üstü */
  --gold: #e2c065;      /* ana altın — metin, kenar */
  --gold-deep: #b8892a; /* gradyan dibi */
  --gold-line: rgba(226, 192, 101, .32);
  --gold-glow: rgba(226, 192, 101, .16);
  --chrome-1: #0b0906;  /* kroma zemin — üst */
  --chrome-2: #171208;  /* kroma zemin — alt */
}
