:root {
    --color-bg-page: #060e0e;

    /* Header */

    --color-bg-header: #121218;
    --color-border-header: rgba(180, 200, 0, 0.2);

    /* Accent color */

    --first-accent-color: #F2B04C;
    --second-accent-color: #FFDC73;

    /* Footer */

    --color-text-footer: #bcbdb1;

    --color-bg-footer: #060e0e;

    --color-border-footer: rgba(180, 200, 0, 0.2);

    /* Navigation */

    --color-bg-nav: #121218;

    --color-text-nav: #eeeeeb;
    --color-text-nav-hover: #b4c800;

    --color-icon-menu: #b4c800;

    /* Text */

    --color-text: #eeeeeb;

    /* Buttons and Banner */

    --color-border-btn-primary: #eaff3f;

    --color-text-btn-primary: #0a0a0a;

    --color-bg-btn-primary:
        linear-gradient(168deg, #d4ea17 0%, #b3c800 50%, #738000 100%);

    --color-text-bonus: #e2f442;

    /* needs a low opacity */

    --color-bg-banner:
        linear-gradient(135deg, #071111 0%, #b3c800 100%);

    /* Other */

    --color-border-table: rgba(180, 200, 0, 0.15);

    --color-bg-section: #121b0f;
    --color-bg-nav-mobile: #060e0e;
    --color-bg-nav-link: #121b0f;
    --color-bg-card: #121b0f;
    --color-text-nav-mobile: #bcbdb1;
    --color-text-nav-mobile-hover: #b4c800;
    --color-text-bonus-subtitle: #bcbdb1;
    --color-text-btn-header: #eeeeeb;
    --color-outline-focus: #b4c800;
    --color-scrollbar-thumb: #b4c800;
    --color-scrollbar-thumb-hover: #071111;
    --color-scrollbar-track: #060e0e;
    --color-bg-lang-menu: #121b0f;
    --color-bg-lang-option-hover: #121218;
    --color-border-card: rgba(180, 200, 0, 0.15);
    --color-border-section: rgba(180, 200, 0, 0.15);
    --color-border-btn-header: rgba(180, 200, 0, 0.2);
    --color-border-btn-log: #b4c800;
    --color-bg-btn-header: radial-gradient(circle at 30% 20%, #b4c800 0%, #071111 72%);
    --color-bg-table-row: rgba(180, 200, 0, 0.05);
    --color-bg-social-hover: rgba(238, 238, 235, 0.1);
    --color-bg-btn-log: linear-gradient(180deg, #071111 0%, #121218 100%);
    --color-text-btn-bonus: #0a0a0a;
    --cta-btn-text-shadow: 0 1px 3px rgba(255, 255, 255, 0.55), 0 0 8px rgba(255, 255, 255, 0.3);
    --color-bg-btn-primary-hover: linear-gradient(168deg, #e7ff1e 0%, #d4ea17 38%, #b3c800 100%);
    --stb-main-button-box-shadow: 0 0 0 2px rgba(234, 255, 63, 0.65), inset 0 1px 0 rgba(212, 234, 23, 0.55), 0 0 48px rgba(197, 219, 10, 0.85), 0 0 22px rgba(179, 200, 0, 0.65), 0 14px 34px rgba(0, 0, 0, 0.45);
    --stb-reg-log-box-shadow: 0 0 28px rgba(197, 219, 10, 0.75), 0 8px 22px rgba(0, 0, 0, 0.38);
    --cta-btn-shadow-rest: 0 0 0 2px rgba(234, 255, 63, 0.65), inset 0 1px 0 rgba(212, 234, 23, 0.55), 0 0 48px rgba(197, 219, 10, 0.85), 0 0 22px rgba(179, 200, 0, 0.65), 0 14px 34px rgba(0, 0, 0, 0.45);
    --cta-btn-shadow-pulse: 0 0 0 3px rgba(234, 255, 63, 0.85), inset 0 1px 0 rgba(231, 255, 30, 0.68), 0 0 64px rgba(197, 219, 10, 1), 0 0 32px rgba(179, 200, 0, 0.82), 0 16px 40px rgba(0, 0, 0, 0.5);
    --hero-text-panel-bg: rgba(6, 14, 14, 0.8);
    --hero-text-panel-border: rgba(179, 200, 0, 0.32);
    --hero-text-panel-shadow: 0 1px 4px rgba(0, 0, 0, 0.45), 0 0 1px rgba(0, 0, 0, 0.55);
    --hero-text-panel-radius: var(--radius-bonus-banner, 10px);
    --hero-description-color: #e2f442;
}

/* Theme enhancements */

/* === UI icon contrast (auto) === */
.header-burger svg path,
.burger.header-burger svg path {
  fill: var(--color-text-nav) !important;
  fill-opacity: 0.85;
}
.c-burger .svg-icon,
.c-burger .svg-icon path,
.c-burger__line {
  fill: var(--color-text-nav) !important;
}
.hamburger-btn span {
  background: var(--color-text-nav) !important;
}
.header .mobile-menu-toggle span {
  background-color: var(--color-text-nav) !important;
}

/* === Primary button text (auto) === */
.cta-btn,
.login-btn,
.btn-primary,
.btn--primary,
.btn--danger.btn--primary,
.bonus-btn,
.button--super-primary,
.button.button--super-primary,
.text-btn .button,
.home-bonuses-card__button,
.o-play-btn,
.o-action-btn,
.o-btn.o-play-btn,
.sa-btn.sa-btn_primary,
.sa-call-to-action .sa-btn_primary,
.main__btn,
.hero_btn {
  color: var(--color-text-btn-primary) !important;
  background: var(--color-bg-btn-primary) !important;
  border: 2px solid var(--color-border-btn-primary) !important;
  text-shadow: var(--cta-btn-text-shadow) !important;
  box-shadow: var(--cta-btn-shadow-rest, var(--stb-main-button-box-shadow)) !important;
  transition: background 0.22s ease, box-shadow 0.22s ease, transform 0.15s ease, border-color 0.2s ease;
}
.cta-btn:hover,
.login-btn:hover,
.btn-primary:hover,
.btn--primary:hover,
.btn--danger.btn--primary:hover,
.bonus-btn:hover,
.button--super-primary:hover,
.button.button--super-primary:hover,
.text-btn .button:hover,
.home-bonuses-card__button:hover,
.o-play-btn:hover,
.o-action-btn:hover,
.o-btn.o-play-btn:hover,
.sa-btn.sa-btn_primary:hover,
.sa-call-to-action .sa-btn_primary:hover,
.main__btn:hover,
.hero_btn:hover {
  color: var(--color-text-btn-primary) !important;
  background: var(--color-bg-btn-primary-hover, var(--color-bg-btn-primary)) !important;
  box-shadow: var(--cta-btn-shadow-pulse, var(--stb-main-button-box-shadow)) !important;
  transform: translateY(-1px);
}
.cta-btn:active,
.login-btn:active,
.btn-primary:active,
.btn--primary:active,
.btn--danger.btn--primary:active,
.bonus-btn:active,
.button--super-primary:active,
.button.button--super-primary:active,
.text-btn .button:active,
.home-bonuses-card__button:active,
.o-play-btn:active,
.o-action-btn:active,
.o-btn.o-play-btn:active,
.sa-btn.sa-btn_primary:active,
.sa-call-to-action .sa-btn_primary:active,
.main__btn:active,
.hero_btn:active {
  transform: translateY(0);
}