/* Palette sampled from the supplied Sofascore reference.
   BoomScore red replaces its blue product accent; semantic data colors remain intact. */
:root{
  color-scheme:dark;
  --bg:#000000;
  --stage-three:#374DF5;
  --stage-two:#00ADC4;
  --stage-one:#00C424;
  --stage-hunt:#D9AF00;
  --nav:#111517;
  --surface:#171c1f;
  --surface-inset:#0b0e0f;
  --surface-muted:#292d30;
  --surface-hover:#313639;
  --ink:#fcfcfe;
  --muted:#8b8d8f;
  --soft:#a7a8aa;
  --line:#393d40;
  --control-line:#4c4f51;
  --charcoal:#171c1f;
  --brand-red:#ef384e;
  --brand-red-ink:#ff6678;
  --brand-red-soft:#3a1d25;
  --coral:var(--brand-red);
  --coral-light:var(--brand-red-soft);
  --shadow:none;
}

html,body,#app,.workspace,.topnav-workspace{background:var(--bg);color:var(--ink)}
body{scrollbar-color:var(--control-line) var(--bg)}
::selection{background:var(--brand-red);color:#fff}

.site-header,.mobile-bottom-nav{
  background:var(--nav);
  border-color:#24292c;
}

.site-header .header-search{
  background:#4c4f51!important;
  border-color:#777a7d!important;
  color:var(--ink);
}
.site-header .header-search .icon,
.site-header .header-search input,
.site-header .header-search input::placeholder{color:#fcfcfe}
.site-header .header-search input::placeholder{opacity:.9}
.site-more nav,.search-results{
  background:var(--surface);
  border-color:var(--line);
  box-shadow:0 18px 45px rgba(0,0,0,.42);
}
.search-results>a:hover,.site-more nav a:hover{background:var(--surface-muted)}

.panel,.sc-card,.home-card,.profile-hero,.team-hero,.match-hero,.event-hero,
.player-card,.team-card,.event-feature-card,.planned-feature,.region-mini,
.catalog-feature,.catalog-team-card,.catalog-event-card,.catalog-fixture-group,
.catalog-side,.follow-card,.following-fixture,.login-panel,
.sp-fotmob .sp-card,.sp-fotmob .sp-bio,.sp-player-traits,
.cp-fotmob .sc-card,.tp-card,.mp-card{
  background:var(--surface)!important;
  border-color:var(--line);
  box-shadow:none!important;
}

.sp-player-traits{background:var(--surface)!important}
.sp-fotmob .sp-card-head,.pm-card>h2,.sp-career-fotmob>h2,
.sp-career-panel,.sp-career-tabs,.sp-summary-scope,
.cp-fotmob .cp-tabs,.cp-card-title{
  border-color:var(--line);
}

.sample-notice,.league-heading,.catalog-group-title,.match-hero-label,
.match-hero-footer,.scoreboard-team,.following-fixture-meta,.data-table th,
.pm-table-head,.cp-overview-card .cp-date,.sp-trophy-club>header,
.sp-event-summary,.home-card-header{
  background:var(--surface-muted);
  border-color:var(--line);
}

.match-row,.catalog-match-row,.pm-row,.trending-row,.ranking-row,
.career-row,.sp-career-club-row,.sp-trophy-club li,.map-pool-row,
.regional-team-row,.event-mini,.event-leaders>a,.category-leaders>a,
.compare-stat,.fixture-row{
  border-color:var(--line);
}

.match-row:hover,.catalog-match-row:hover,.pm-row:hover,.trending-row:hover,
.ranking-row:hover,.data-table tbody tr:hover,.sp-career-club-row:hover{
  background:var(--surface-hover);
}

.button,.select-wrap select,.directory-search,.scores-search,.hc-region-picker select,
.sp-heat-filters select,.pm-table-head select,.cp-season,.sp-toggle,
.segmented,.segment-control,.home-region-tabs,.hc-side-tabs,.hc-ranking-tabs{
  background:var(--surface-muted);
  border-color:var(--control-line);
  color:var(--ink);
}

.button:hover,.icon-button:hover,.table-more:hover,
.segmented>button:hover,.segment-control>button:hover{background:var(--surface-hover)}

.button.coral,.follow-button:not(.followed),.compare-action,.primary-action{
  background:var(--brand-red);
  border-color:var(--brand-red);
  color:#fff;
}
.button.coral:hover,.follow-button:not(.followed):hover{
  background:#ff4a60;
  border-color:#ff4a60;
}

.page-tabs>button.active,.match-tabs>button.active,.region-tabs>button.active,
.tabs>button.active,.cp-fotmob .cp-tabs button[aria-pressed=true],
.sp-career-tabs button[aria-selected=true],.sp-toggle button[aria-pressed=true],
[role=tab][aria-selected=true]{color:var(--ink)!important}

.page-tabs>button.active::after,.region-tabs>button.active::after,
.sp-career-tabs button[aria-selected=true]::after{background:var(--brand-red)!important}
.cp-fotmob .cp-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px var(--brand-red)}
.segmented>button.active,.segment-control>button.active,
.sp-toggle button[aria-pressed=true]{
  background:var(--brand-red-soft)!important;
  color:#fff!important;
}

a.text-link,.cp-all,.catalog-note a,.breadcrumb a{color:var(--brand-red-ink)}
a.text-link:hover,.cp-all:hover,.breadcrumb a:hover{color:#ff8795}

.sp-bio header{background:linear-gradient(115deg,#2a1b20,#421d27)!important}
.cp-fotmob .cp-header{
  background:radial-gradient(ellipse at top left,#33262a 0,transparent 45%),
    radial-gradient(ellipse at top right,#2b1d24 0,transparent 65%),var(--surface);
}

.sp-career-season-detail,.pm-tooltip,.fixture-inset,
.match-hero-score-card,.previous-match-card{background:var(--surface-inset)}
.sp-career-season,.sp-event-row:nth-child(odd){background:transparent!important}
.sp-trophy-club{border-color:var(--line)}
.sp-traits-help-panel,.sp-impact-tooltip{
  background:var(--surface-muted);
  border-color:var(--control-line);
}

.toast{background:var(--surface-muted);border-color:var(--control-line);color:var(--ink)}
footer{background:var(--bg);border-color:var(--line)}

button:focus-visible,a:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible{outline-color:var(--brand-red)}