/* league-theme.css — глобальная тема раздела /league/
 * Подключается в templates/league/base.html ПОСЛЕ блока extra_css,
 * поэтому переопределяет page-level стили без !important там, где это возможно.
 *
 * Спецификация:
 *  • фон страницы                 #080808
 *  • фон карточек/панелей         #090909
 *  • вектор-фон (как на главной)  opacity 1 — см. .league-home-bg в match-room.css
 *  • заголовки                    Russo One, 400, line-height 100%, letter-spacing -3%
 *  • основной текст               Inter,     500, line-height 100%, letter-spacing  0%
 *  • базовый цвет текста          #BEBEBE (вместо чисто-белого)
 *  • кнопки с зелёной обводкой/заливкой — текст #BEBEBE
 */

:root {
  --lg-bg: #080808;
  --lg-panel: #090909;
  --lg-green: #007315;
  --lg-text: #BEBEBE;
}

/* ===================== 1. Фон страницы ===================== */
body.league-body {
  background-color: var(--lg-bg) !important;
  color: var(--lg-text);
}

/* ===================== 2. Типографика ===================== */
/* Базовый текст — Inter 500, line-height 100%, без трекинга */
body.league-body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-weight: 500;
  letter-spacing: 0;
}

body.league-body p,
body.league-body li,
body.league-body td,
body.league-body th,
body.league-body label,
body.league-body input,
body.league-body select,
body.league-body textarea,
body.league-body button,
body.league-body a {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0;
}

/* Заголовки — Russo One 400, line-height 100%, трекинг -3% */
body.league-body h1,
body.league-body h2,
body.league-body h3,
body.league-body h4,
body.league-body h5,
body.league-body h6,
body.league-body .league-home-hero__title,
body.league-body .league-home-hero__season,
body.league-body .league-home-season__name,
body.league-body .league-home-tournaments__title,
body.league-body .league-home-feature__title,
body.league-body .league-home-card__name {
  font-family: 'Russo One', sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

/* ===================== 3. Карточки/панели #090909 ===================== */
body.league-body .league-home-card,
body.league-body .league-home-empty,
/* player_public */
body.league-body .pp-card,
body.league-body .pp-av-ph,
/* team_detail / tournament_detail */
body.league-body .td-card,
body.league-body .td-invite-modal__dialog,
body.league-body .td-hero-avatar,
body.league-body .td-team-card__roster span,
body.league-body .toast,
/* join_team / create_team */
body.league-body .jt-card,
body.league-body .ct-card,
/* generate_bracket */
body.league-body .gb-stat,
body.league-body .gb-list,
body.league-body .gb-list li,
/* manage_players */
body.league-body .mp-card,
/* my_matches */
body.league-body .mm-card,
body.league-body .mm-tcard,
body.league-body .mm-tempty,
body.league-body .mm-pcard,
body.league-body .mm-up,
body.league-body .mm-side-card,
body.league-body .mm-help,
body.league-body .mm-team-logo,
/* notifications */
body.league-body .notif-list,
/* profile */
body.league-body .profile-card,
body.league-body .prof-card,
body.league-body .prof-avatar,
body.league-body .prof-statbar__cell,
/* select_tournament_players */
body.league-body .info-card,
body.league-body .players-section,
body.league-body .player-card,
body.league-body .status-bar,
/* platform_rules */
body.league-body .pr-doc-card,
/* match_detail_new */
body.league-body .map-card {
  background: var(--lg-panel) !important;
}

/* Чёрный inline-фон на блочных элементах лиги -> #090909 (поля ввода не трогаем) */
body.league-body [style*="background:#000000"]:not(input):not(select):not(textarea),
body.league-body [style*="background: #000000"]:not(input):not(select):not(textarea) {
  background-color: var(--lg-panel) !important;
}

/* Полностраничные оболочки login/register — пусть фон body + векторы видны сквозь */
body.league-body .auth-page {
  background: transparent !important;
}

/* ===================== 4. Зелёные outline-кнопки — текст #BEBEBE =====================
   Solid-вариант (.league-home-btn--solid) сюда НЕ входит — на нём текст чёрный (см. index.html). */
body.league-body .league-home-btn--outline-green {
  color: var(--lg-text) !important;
}

body.league-body .league-home-card__btn--join {
  color: #000 !important;
}

/* Главная: «Актуальный сезон» — цвета из макета (зелёный слева → чёрный справа) */
body.league-home .league-home-season {
  background: linear-gradient(
    90deg,
    #022402 0%,
    #011801 45%,
    #080808 75%,
    #000000 100%
  ) !important;
}

/* Клеверы — как на главной, все вкладки /league/ (после extra_css страниц) */
body.league-body .league-home-bg__vec {
  position: fixed !important;
  z-index: 0 !important;
  display: block !important;
  width: clamp(220px, 34vw, 420px) !important;
  height: auto !important;
  object-fit: contain !important;
  pointer-events: none !important;
  user-select: none !important;
  max-width: none !important;
}

body.league-body .league-home-bg__vec--left {
  left: 0 !important;
  right: auto !important;
  top: clamp(24px, 5vh, 64px) !important;
  bottom: auto !important;
}

body.league-body .league-home-bg__vec--right {
  right: 0 !important;
  left: auto !important;
  bottom: clamp(8px, 2vh, 32px) !important;
  top: auto !important;
}