/* ============================================================
   Sapphire Ice restyle layer — v1
   Подключается последним: форма кнопок, градиенты, акценты
   ============================================================ */

:root,
:root.dark-theme {
  --base-colors-base-brand-main: #1f6bff;
  --base-colors-base-brand-secondary: #5fc4e9;
}

/* --- Кнопки: pill-форма + сапфировый градиент у primary --- */
.ui-button {
  border-radius: 999px !important;
}

.ui-button_primary {
  background-image: linear-gradient(135deg, #4a8dff 0%, #1f6bff 55%, #1554d6 100%) !important;
  box-shadow: 0 6px 18px rgba(31, 107, 255, .38), inset 0 1px 0 rgba(255, 255, 255, .22);
}
.ui-button_primary:hover {
  background-image: linear-gradient(135deg, #62a0ff 0%, #3a7ffb 55%, #1f6bff 100%) !important;
  box-shadow: 0 8px 24px rgba(31, 107, 255, .5), inset 0 1px 0 rgba(255, 255, 255, .28);
  transform: translateY(-1px);
}
.ui-button:active { transform: translateY(0); }

.ui-button_secondary,
.ui-button_tertiary {
  border: 1px solid rgba(95, 196, 233, .4) !important;
}
.ui-button_secondary:hover,
.ui-button_tertiary:hover {
  border-color: rgba(95, 196, 233, .8) !important;
  background-color: rgba(31, 107, 255, .14) !important;
}

/* --- Фокус и выделение --- */
:focus-visible {
  outline: 2px solid rgba(95, 196, 233, .8);
  outline-offset: 2px;
}
::selection {
  background: rgba(31, 107, 255, .4);
  color: #fff;
}

/* --- Инпуты --- */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="password"] {
  border-radius: 14px;
}

/* --- Карточки: холодное свечение на ховере --- */
.ui-championship-card:hover,
.pu-home-bonus-card:hover,
[class*="game-card"]:hover,
[class*="bonus-card"]:hover {
  box-shadow: 0 10px 30px rgba(31, 107, 255, .32);
}

/* --- Скроллбар --- */
::-webkit-scrollbar-thumb {
  background: rgba(95, 196, 233, .4);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(95, 196, 233, .65);
}

/* --- SEO-блоки: типографика под новую гамму --- */
.seo-content-block h2,
.seo-content-block h3,
.seo-main-title-block h1 {
  letter-spacing: .3px;
}
.seo-content-block ol li::marker,
.seo-content-block ul li::marker {
  color: #5fc4e9;
  font-weight: 700;
}