@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

/* ── Оригинальные переменные riobet88 ────────────────── */
html {
  --rgb-255-04: rgba(255, 255, 255, .04);
  --rgb-255-45: rgba(255, 255, 255, .45);
  --rgb-255-06: rgba(255, 255, 255, .06);
  --rgb-255-08: rgba(255, 255, 255, 0.08);
  --rgb-255-16: rgba(255, 255, 255, .16);
  --rgb-255-32: rgba(255, 255, 255, 0.32);
  --rgb-05:     rgba(5, 25, 7, 1);
  --rgb-14-7:   rgba(14, 33, 22, .7);
  --c-FF:  #fff;
  --c-00:  #000;
  --c-AA:  #aa6455;
  --c-30:  #303030;
  --c-05:  #051A07;
  --c-12:  #122414;
  --c-ED:  #EDC97F;
  --c-E0:  #E0E0E0;
  --c-3D:  #3d3b3b;
  --c-3B:  #3BA745;
  --c-3C:  #3CA645;
  --c-25:  #252525;
  --c-2F:  #2F8637;
  --c-03:  #031004;
  --c-37:  #374C39;
  --c-A7:  #A7A7A7;
  --c-19:  #192B1B;
  --c-31:  #314033;
  --c-88:  #888888;
  --c-31-FF: #314033;
  --c-27:  #27AE60;
  --c-F1:  #F11414;
  --c-F2:  #F23731;
  --c-E02: #e02c14;
  --c-4E:  #4E4E4E;
  --c-A5:  #a5051d;
  --c-8D:  #8D9EA7;
  --c-55:  #555555;
  --c-0B:  #0B1810;
  --c-60:  #607762;
  --c-6D:  #6D6D6D;
  --c-1F:  #1f291c;
  --c-49:  #49554C;
  --c-FFD-CC: #FFD747;
  --c-FFC-CC: #FFCD19;
  --c-FF-00:  #FFF;
  --c-20:  #203722;
  --br-rgb-255-04: rgba(255, 255, 255, .04);
  --c-ED-1E: #EDC97F;
  --c-FF-FF: #fff;
  --c-A7-FF: #A7A7A7;
  --fill-ED: #EDC97F;
}

/* ── Алиасы для компонентов темы ─────────────────────── */
:root {
  /* Фон */
  --bg:           var(--c-05);
  --bg2:          var(--c-0B);
  --bg3:          var(--c-12);
  --bg4:          var(--c-19);
  --card:         var(--rgb-255-04);
  --card-hover:   var(--rgb-255-06);
  --border:       var(--rgb-255-08);
  --border-md:    var(--rgb-255-16);

  /* Акцент — зелёный (как на оригинале) */
  --teal:         var(--c-3B);
  --teal-light:   var(--c-3C);
  --teal-dark:    var(--c-2F);
  --teal-dim:     rgba(59, 167, 69, .13);
  --teal-glow:    0 0 22px rgba(59, 167, 69, .32);
  --teal-glow-sm: 0 0 10px rgba(59, 167, 69, .20);
  --border-teal:  rgba(59, 167, 69, .38);

  /* Золотой */
  --gold:         var(--c-ED);
  --gold-light:   var(--c-FFD-CC);
  --gold-dim:     rgba(237, 201, 127, .13);

  /* Зелёный (бонусы) */
  --green:        var(--c-27);
  --green-light:  var(--c-3B);
  --green-dim:    rgba(39, 174, 96, .13);

  /* Красный */
  --red:          var(--c-F2);
  --red-dim:      rgba(242, 55, 49, .12);

  /* Текст */
  --text:         var(--c-FF);
  --text-muted:   var(--rgb-255-45);
  --text-dim:     var(--rgb-255-32);

  /* Типографика */
  --font: 'Inter', Arial, Helvetica, sans-serif;

  /* Скругления */
  --radius:    16px;
  --radius-sm:  8px;
  --radius-xs:  6px;

  /* Тени */
  --shadow:      0 8px 32px rgba(0,0,0,.55);
  --shadow-sm:   0 2px 12px rgba(0,0,0,.40);
  --shadow-card: 0 4px 20px rgba(0,0,0,.45);
}