:root {
  --brand-primary: #b58a22;
  --brand-primary-strong: #876415;
  --brand-accent: #101820;
  --brand-accent-soft: #1f2937;
  --brand-surface: #f8f3e3;
  --brand-text: #101820;
}

body {
  color: var(--brand-text);
  background-color: var(--brand-surface);
}

a,
a:visited,
a:hover {
  color: var(--brand-accent);
}

header,
header .sidebar nav,
header .dropdown-container,
.footer {
  background-color: var(--brand-primary);
}

header,
header a,
header a.dropdown-item,
header a:hover,
header a:visited {
  color: var(--brand-accent);
}

header .nav-link:hover {
  border-top-color: var(--brand-accent-soft);
}

header .dropdown-menu {
  box-shadow: inset 0 -4px 0 0 var(--brand-accent);
}

header .dropdown-item:hover {
  color: var(--brand-accent-soft);
}

.panel {
  border-color: var(--brand-accent);
}

.panel .h2,
.panel h2 {
  background-color: var(--brand-primary);
  color: var(--brand-accent);
}

.section .h2,
.section h2 {
  color: var(--brand-accent);
}

.button {
  border-color: var(--brand-accent);
  color: var(--brand-accent);
}

.button:hover {
  background-color: var(--brand-accent);
  color: #fff !important;
  text-decoration: none !important;
}

.article .article-info,
article .article-info {
  background-color: var(--brand-accent);
  color: #f8d820;
}

.topstory .topstory-item .topstory-item-detail .topstory-item-meta {
  color: var(--brand-accent);
}

.match .match-league,
.section .match-league,
.match-list-item .match-text .match-info {
  color: var(--brand-accent);
}

.article-body .match,
.match-list-item,
.lineup .lineup-section {
  border-bottom-color: var(--brand-accent);
}

.article-body thead th,
.standings-panel thead th {
  border-bottom-color: var(--brand-accent);
}

.main_team {
  background-color: var(--brand-primary) !important;
  color: var(--brand-accent) !important;
}

.cc_div {
  --cc-accent: var(--brand-accent);
  --cc-accent-hover: var(--brand-accent-soft);
}