/* Базовые цветовые переменные и стили темы */

/* Тема по умолчанию */
:root,
[data-theme="default"] {
  /* Палитра */
  --color-bg: #0f1115;
  --color-surface: #161a22;
  --color-text: #e6e8ed;
  --color-muted: #a6adbb;
  --color-border: #262c36;
  --color-primary: #0b5ed7; /* bootstrap-ish blue */
  --color-primary-contrast: #ffffff;
  --color-accent: #2ecc71;

  /* Шапка */
  --header-bg: var(--color-primary);
  --header-fg: var(--color-primary-contrast);
  --header-active-bg: rgba(255,255,255,0.12);
}

/* Вариант, близкий к Favbet */
[data-theme="favbet"] {
  /* Полная палитра (из вашего списка) */
  --bonus_accent_10: #ff267e;
  --bonus_accent_20: #e500a8;
  --bonus_accent_30: #cc0bda;
  --bonus_accent_40: #9000f0;
  --bonus_accent_50: #2330e7;
  --bonus_accent_60: #0060f0;
  --bonus_accent_70: #00a1db;
  --accent_color_1: #545662;
  --accent_color_2: #ffffff;
  --accent_color_3: #ff267e;
  --accent_color_4: #05c489;
  --accent_color_5: #05c489;
  --accent_color_6: #050425;
  --betslip_accent_color_1: #ff267e;
  --betslip_accent_color_2: #191b28;
  --betslip_accent_color_3: #545662;
  --betslip_bg_color_1: #191a23;
  --betslip_bg_color_2: #262832;
  --betslip_bg_color_3: #262832;
  --betslip_bg_color_4: #151721;
  --betslip_bg_color_5: #545662;
  --betslip_counter_bg: #ff267e;
  --betslip_counter_bg_2: #05c489;
  --betslip_counter_txt: #ffffff;
  --betslip_counter_txt_2: #005;
  --betslip_line_1: #2b2d37;
  --betslip_line_2: #545662;
  --betslip_txt_color_1: #d4d4d4;
  --betslip_txt_color_2: #ffffff;
  --betslip_txt_color_3: #f3f2ef;
  --betslip_txt_color_4: #bebebe;
  --betslip_txt_color_5: #f3f2ef;
  --bg_color_1: #262832;
  --bg_color_2: #1d1f29;
  --bg_color_3: #151721;
  --bg_color_4: #939393;
  --bg_color_5: #545660;
  --bg_color_6: #2c2e3a;
  --bg_color_7: #1b1d27;
  --bg_color_8: #262832;
  --body_color_1: #191a23;
  --body_color_2: #262832;
  --body_color_3: #12131c;
  --btn_close_dark_color: #545662;
  --btn_close_light_color: #ffffff;
  --btn_crossection_accent_color: #ff267e;
  --btn_crossection_bg_color: #171926;
  --btn_crossection_line_color: #545662;
  --btn_crossection_txt_color_1: #ffffff;
  --btn_crossection_txt_color_2: #ffffff;
  --btn_primary_bg_color_1: #05c489;
  --btn_primary_bg_color_2: #ff267e;
  --btn_primary_bg_color_3: #545662;
  --btn_primary_bg_color_4: #ffffff;
  --btn_primary_bg_color_5: #ffffff;
  --btn_primary_bg_hover_1: #37d0a1;
  --btn_primary_bg_hover_2: #ff3386;
  --btn_primary_bg_hover_3: #6a6c78;
  --btn_primary_bg_hover_4: #37d0a1;
  --btn_primary_bg_hover_5: #6a6c78;
  --btn_primary_txt_color_1: #050425;
  --btn_primary_txt_color_2: #ffffff;
  --btn_primary_txt_color_3: #ffffff;
  --btn_primary_txt_color_4: #050425;
  --btn_primary_txt_color_5: #1f2029;
  --btn_primary_txt_hover_1: #050425;
  --btn_primary_txt_hover_2: #ededed;
  --btn_primary_txt_hover_3: #ededed;
  --btn_primary_txt_hover_4: #050425;
  --btn_primary_txt_hover_5: #ffffff;
  --btn_quaternary_color_1: #05c489;
  --btn_quaternary_color_2: #ff267e;
  --btn_quaternary_color_3: #bebebe;
  --btn_quaternary_color_4: #bebebe;
  --btn_quaternary_hover_1: #37d0a1;
  --btn_quaternary_hover_2: #ff3386;
  --btn_quaternary_hover_3: #05c489;
  --btn_quaternary_hover_4: #f3f2ef;
  --btn_quinary_color: #f3f2ef;
  --btn_quinary_txt_hover_1: #ff267e;
  --btn_quinary_txt_hover_2: #545662;
  --btn_quinary_txt_hover_3: #05c489;
  --btn_quinary_txt_hover_4: #050425;
  --btn_secondary_color_1: #05c489;
  --btn_secondary_color_2: #ff267e;
  --btn_secondary_color_3: #f3f2ef;
  --btn_secondary_color_4: #f3f2ef;
  --btn_secondary_hover_1: #37d0a1;
  --btn_secondary_hover_2: #ff3386;
  --btn_secondary_hover_3: #bebebe;
  --btn_secondary_hover_4: #ff267e;
  --btn_secondary_strk: #bebebe;
  --btn_tertiary_bg: #1f2029;
  --btn_tertiary_color_1: #ff267e;
  --btn_tertiary_color_2: #05c489;
  --btn_tertiary_color_3: #bebebe;
  --btn_tertiary_color_4: #838591;
  --btn_tertiary_strk: #bebebe;
  --btn_tertiary_txt_hover: #171926;
  --footer_bg_color_1: #040613;
  --footer_bg_color_2: #545662;
  --footer_bg_color_3: #191b28;
  --footer_bg_color_4: #ff267e;
  --footer_icon_color_1: #ffffff;
  --footer_icon_color_2: #bebebe;
  --footer_txt_1: #bebebe;
  --footer_txt_2: #ffffff;
  --header_accent_color_1: #CDDC39;
  --header_accent_color_2: #ff267e;
  --header_accent_color_3: #262832;
  --header_bg_color_1: #040613;
  --header_bg_color_2: #040613;
  --header_txt_1: #bebebe;
  --header_txt_2: #ffffff;
  --input_02_bg_color_1: #1d1f29;
  --input_02_bg_color_2: #1b1c25;
  --input_02_border_color_1: #545662;
  --input_02_border_error_1: #ea0001;
  --input_02_border_focus_1: #ffffff;
  --input_02_border_success_1: #05c489;
  --input_02_dropdown_accent_color: #ff267e;
  --input_02_dropdown_bg: #191b28;
  --input_02_dropdown_border: #282a36;
  --input_02_dropdown_txt_1: #bebebe;
  --input_02_dropdown_txt_2: #ffffff;
  --input_02_error_txt: #ea0001;
  --input_02_help_txt: #bebebe;
  --input_02_label_txt: #bebebe;
  --input_02_txt: #bebebe;
  --input_02_txt_placeholder: #898b97;
  --input_bg_color_1: #1d1f29;
  --input_bg_color_2: #1b1c25;
  --input_border_color_1: #545662;
  --input_border_error_1: #ea0001;
  --input_border_focus_1: #ffffff;
  --input_border_success_1: #05c489;
  --input_dropdown_accent_color: #ff267e;
  --input_dropdown_bg: #191b28;
  --input_dropdown_border: #282a36;
  --input_dropdown_txt_1: #bebebe;
  --input_dropdown_txt_2: #ffffff;
  --input_error_txt: #ea0001;
  --input_help_txt: #bebebe;
  --input_label_txt: #bebebe;
  --input_txt: #bebebe;
  --input_txt_placeholder: #898b97;
  --line_accent_color_1: #ff267e;
  --line_bg_1: #1d1f29;
  --line_bg_2: #171926;
  --line_bg_3: #262832;
  --line_bg_4: #040613;
  --line_bg_5: #0f111e;
  --line_bg_6: #333541;
  --line_bg_7: #171926;
  --line_bg_8: #21232d;
  --line_border: #333541;
  --line_color_1: #545662;
  --line_color_2: #262832;
  --line_color_3: #545662;
  --line_color_4: #05c489;
  --line_color_5: #f3f2ef;
  --line_group_color_1: #f5a623;
  --line_group_color_2: #edc748;
  --line_group_color_3: #fee212;
  --line_header_txt: #ffffff;
  --line_infotxt_5: #6a6c78;
  --line_skeleton_1: #191b28;
  --line_skeleton_2: #262832;
  --line_subheader_txt: #ffffff;
  --line_txt_1: #f3f2ef;
  --line_txt_2: #ffffff;
  --line_txt_3: #ffffff;
  --line_txt_4: #bebebe;
  --notification_icon: #ffffff;
  --notification_bg_color_1: #545662;
  --notification_txt_color_1: #ffffff;
  --outcome_btn_bg: #292b35;
  --outcome_btn_bg2: #1d1f29;
  --outcome_btn_bg_active: #05c489;
  --outcome_btn_bg_hover: #545662;
  --outcome_btn_border: #2a2c38;
  --outcome_btn_border2: #262832;
  --outcome_btn_txt: #f3f2ef;
  --outcome_btn_txt_active: #050425;
  --outcome_btn_txt_hover: #f3f2ef;
  --outcome_btn_txt_non-active: #545662;
  --outcome_btn_txt_non-active2: #545662;
  --state_error: #ea0001;
  --state_success: #05c489;
  --state_warning: #edc748;
  --state_favorite: #fee212;
  --state_favorite_2: #fee212;
  --state_odd_down: #da4e6a;
  --state_odd_up: #05c489;
  --tag_bg_1: #ff267e;
  --tag_bg_2: #05c489;
  --tag_bg_3: #0085ff;
  --tag_bg_4: #da1a32;
  --tag_bg_5: #ffffff;
  --tag_bg_6: #939393;
  --tag_txt_1: #ffffff;
  --tag_txt_2: #ffffff;
  --tag_txt_3: #ffffff;
  --tag_txt_4: #ffffff;
  --tag_txt_5: #1f2029;
  --tag_txt_6: #ffffff;
  --teaser_bg_color: #161821;
  --teaser_txt_1: #ffffff;
  --teaser_txt_2: #f3f2ef;
  --teaser_outcome_btn_bg: #262832;
  --teaser_outcome_btn_bg_hover: #262832;
  --teaser_outcome_btn_bg_active: #05c489;
  --teaser_outcome_btn_border: #262832;
  --teaser_outcome_btn_txt: #f3f2ef;
  --teaser_outcome_btn_txt_hover: #ffffff;
  --teaser_outcome_btn_txt_active: #050425;
  --search_bg_input_color: #262832;
  --search_bg_header_color: #545662;
  --search_bg_result_color: #191b28;
  --search_bg_result_color_hover: #262832;
  --search_underline: #ff267e;
  --search_line_divider: #545662;
  --search_txt_title: #f3f2ef;
  --search_txt_placeholder: #bebebe;
  --search_txt_input: #ffffff;
  --search_txt_result_1: #ffffff;
  --search_txt_result_2: #f3f2ef;
  --search_txt_result_accent: #ff267e;
  --po_accent_color_1: #ff267e;
  --po_accent_color_2: #05c489;
  --po_accent_color_3: #05c489;
  --po_bg_body: #1f2029;
  --po_bg_card: #262832;
  --po_bg_card_2: #262832;
  --po_bg_color_1: #30323e;
  --po_bg_color_2: #191a23;
  --po_bg_color_3: #191a23;
  --po_bg_color_4: #545662;
  --po_bg_color_5: #262832;
  --po_bg_color_6: #545662;
  --po_bg_color_7: linear-gradient(269deg, #040613 0.7%, #ff267e 99.24%);
  --po_bg_color_8: #30323e;
  --po_bg_menu_1: #262832;
  --po_bg_menu_2: #373945;
  --po_bg_menu_3: #545662;
  --po_header_txt_color_1: #ffffff;
  --po_line_1: #343642;
  --po_menutxt_color_1: #ffffff;
  --po_menutxt_color_2: #ffffff;
  --po_menutxt_color_3: #ffffff;
  --po_menutxt_color_4: #ffffff;
  --po_menutxt_color_5: #cccccc;
  --po_subheader_txt_color_1: #ffffff;
  --po_txt_color_1: #ffffff;
  --po_txt_color_2: #ffffff;
  --po_txt_color_3: #bebebe;
  --po_txt_color_4: #ffffff;
  --sm_accent_color_1: #191a23;
  --sm_accent_color_2: #ff267e;
  --sm_accent_color_3: #1d1f29;
  --sm_bg_color_1: #191a23;
  --sm_bg_color_2: #262832;
  --sm_bg_color_3: #333541;
  --sm_bg_color_4: #40424e;
  --sm_bg_color_5: #1d1f29;
  --sm_line: #191a23;
  --sm_txt_color_1: #f3f2ef;
  --sm_txt_color_2: #ffffff;
  --sm_txt_color_3: #f3f2ef;
  --sm_txt_color_4: #ffffff;
  --sm_txt_color_5: #545662;
  --sm_title_bg: #191a23;
  --sm_title_txt: #ffffff;
  --state_info: #bebebe;
  --txt_color_1: #ffffff;
  --txt_color_2: #bebebe;
  --txt_color_3: #e5e5e5;
  --txt_color_4: #ffffff;
  --txt_color_5: #262832;
  --txt_color_6: #bebebe;
  --txt_color_7: #bebebe;
  --txt_error: #ea0001;
  --txt_link: #0085ff;
  --onboarding-overlay-color: rgba(255, 255, 255, 0.5);
  --popup_bg: rgba(204, 204, 204, 0.3);
  --bg_404: #2c2e3a;

  --btn_primary_border_color_1: #05c489;
  --btn_primary_border_hover_1: #37d0a1;
  --btn_primary_border_color_2: #ff267e;
  --btn_primary_border_hover_2: #ff3386;
  --btn_primary_border_color_3: #545662;
  --btn_primary_border_hover_3: #6a6c78;
  --btn_primary_border_color_4: #ffffff;
  --btn_primary_border_hover_4: #37d0a1;
  --btn_primary_border_color_5: #ffffff;
  --btn_primary_border_hover_5: #6a6c78;

  --timer_bg_1: #41434f;
  --timer_txt_1: #ffffff;
  --timer_bg_2: #0f111e;
  --timer_txt_2: #ffffff;
  --timer_bg_3: #262832;
  --timer_txt_3: #ffffff;
  --sub_menu_bg: #151721;
  --sub_menu_active: #fff;
  --sub_menu_default: #bebebe;
  --top_events_bg: #ff267e;
  --top_events_txt: #ffffff;

  --input_radial_1: #545662;
  --input_radial_2: #545662;
  --header_balance_txt: #ededed;
  --header_balance_bg: #262832;
  --header_active_txt: #ffffff;
  --notification_casino: #ff267e;

  /* Маппинг на общие переменные проекта */
  --color-bg: var(--body_color_1);
  --color-surface: var(--body_color_2);
  --color-text: var(--txt_color_1);
  --color-muted: var(--txt_color_2);
  --color-border: var(--line_border);
  --color-primary: var(--header_bg_color_1);
  --color-primary-contrast: var(--header_txt_2);
  --color-accent: var(--btn_primary_bg_color_1);

  --header-bg: var(--header_bg_color_1);
  --header-fg: var(--header_txt_2);
  --header-active-bg: rgba(255,255,255,0.12);

  --brand-pink: var(--header_accent_color_1);
  --brand-green: var(--btn_primary_bg_color_1);
}

/* Базовая подложка (если используете common.css — можно перенести туда) */
body {
  background: var(--color-bg);
  color: var(--color-text);
}
    .h2, h2 {
        font-size: 1.5rem;
        text-transform: uppercase;
        color: #8BC34A;
    }
/* Стили шапки под тему */
.app-header {
  background: var(--header-bg) !important;
  color: var(--header-fg) !important;
  border-bottom: 1px solid var(--color-border);
  /* не переносим содержимое на новую строку */
  flex-wrap: nowrap;
}
.app-header .navbar-brand {
  color: var(--header-fg) !important;
  font-weight: 700;
  letter-spacing: .2px;
}

.app-header .navbar-brand span {
  color: #CDDC39;
}
.app-header .nav-link {
  color: var(--header-fg) !important;
  border-radius: .23rem;
  padding: 0;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: .3px;
  margin: .35rem .75rem;
}
.app-header .nav-link:hover,
.app-header .nav-link:focus {
  background: var(--header-active-bg);
}
.app-header .nav-link.active {
  background: var(--header-active-bg);
}
.app-header .nav-link.nav-live.active {
  background: var(--brand-pink);
  color: #fff !important;
}
.app-header .form-select {
  background-color: #040613;
  color: #fff;
  border-color: transparent;
}
.app-header .form-select:focus {
  box-shadow: 0 0 0 .25rem rgba(255,255,255,0.15);
}

.card-header {
  color: #fff;
}

.accordion {--bs-accordion-border-radius:   0px;}
.accordion-button:not(.collapsed) {
  box-shadow:none;
}

/* Кнопки действий в шапке на мобильных — компактнее */
@media (max-width: 991.98px) {
  .app-header .header-actions .btn { padding: .25rem .5rem; }
  .app-header .btn-register { font-size: .9rem; }
}

/* Кнопка-бургер и иконка в тёмной шапке */
.app-header.navbar-dark .navbar-toggler {
  border-color: rgba(255,255,255,0.4);
}
.app-header.navbar-dark .navbar-toggler-icon {
  filter: invert(1) grayscale(100%);
}

/* Вторичные поверхности (карточки/аккордеоны) — необязательно */
.card,
.accordion-item {
  background: var(--color-surface);
  border-color: var(--color-border);
}
.list-group-item {
  background: var(--color-surface);
  color: var(--color-text);
  border-color: var(--color-border);
}

/* Кнопки коэффициентов: по умолчанию подчёркиваем акцентным цветом */
.btn-outline-primary {
  --bs-btn-color: #ffffff;
  --bs-btn-border-color: #1d1f29;
  --bs-btn-hover-bg: var(--color-accent);
  --bs-btn-hover-border-color: var(--color-accent);
  --bs-btn-active-bg: var(--color-accent);
  --bs-btn-active-border-color: var(--color-accent);
  --bs-btn-disabled-color: var(--color-muted);
  --bs-btn-disabled-border-color: var(--color-border);
}

.table>:not(caption)>*>* {
  border-bottom-width: 0px;
}

/* Кнопки в шапке */
.app-header .btn-auth {
  color: var(--header-fg);
  border-color: #8bc34a;
   background: #8bc34a;
}
.app-header .btn-auth:hover {
  background: rgba(255,255,255,0.1);
}
.app-header .btn-register {
  background: #E91E63;
  color: #fff;
  font-weight: 700;
}
.app-header .btn-register:hover {
  filter: brightness(1.05);
}