/* FC ELBRUS | FOREST GREEN + CHAMPAGNE | 2026
   This stylesheet changes COLOR ONLY; layout and typography remain untouched.
   Place it last in <head> on every page. */
:root {
  --ef-forest: #173B32;
  --ef-forest-deep: #102D27;
  --ef-forest-soft: #285346;
  --ef-ivory: #F3F0E9;
  --ef-paper: #FFFCF7;
  --ef-gold: #FFFFFF;
  --ef-sage: #E4EAE2;
  --ef-ink: #20382F;
  --ef-muted: #66776F;
  --ef-line: #D5DDD3;
}

/* Page surfaces: airy, not uniformly dark */
html, html body, html body main,
html body .content-section,
html body main > .content-section,
html body .el-news-page,
html body .el-media-page,
html body .el-gallery-page,
html body .el-tables-page,
html body .el-article-page {
  background-color: var(--ef-ivory) !important;
  background-image: none !important;
}

/* Deep forest header and footer */
html body .site-header,
html body .site-footer {
  background: var(--ef-forest-deep) !important;
  background-image: none !important;
  border-color: rgba(255,255,255,.24) !important;
}
html body .site-header .brand-name,
html body .site-header .brand-name small,
html body .site-header .main-menu a,
html body .site-footer,
html body .site-footer strong,
html body .site-footer span {
  color: var(--ef-ivory) !important;
  -webkit-text-fill-color: var(--ef-ivory) !important;
}
html body .site-header .main-menu a:hover,
html body .site-header .main-menu a.active,
html body .site-header .main-menu a[aria-current="page"] {
  color: var(--ef-gold) !important;
  -webkit-text-fill-color: var(--ef-gold) !important;
}
html body .site-header .menu-button span { background: var(--ef-ivory) !important; }

/* History hero retains its geometry, handwriting font and emblem */
html body .club-heritage.page-hero,
html body .page-hero.club-heritage {
  background: linear-gradient(115deg,var(--ef-forest-deep) 0%,var(--ef-forest) 52%,#21483B 100%) !important;
}
html body .club-heritage .heritage-left,
html body .club-heritage .heritage-right,
html body .club-heritage .heritage-left *,
html body .club-heritage .heritage-right * {
  color: var(--ef-ivory) !important;
  -webkit-text-fill-color: var(--ef-ivory) !important;
}
html body .club-heritage .heritage-year {
  color: var(--ef-gold) !important;
  -webkit-text-fill-color: var(--ef-gold) !important;
}
html body .club-heritage .heritage-line { background-color: var(--ef-gold) !important; }

/* Other pages' hero uses a restrained sage tone */
html body .page-hero:not(.club-heritage) {
  background: var(--ef-sage) !important;
  color: var(--ef-ink) !important;
  border-color: var(--ef-line) !important;
}
html body .page-hero:not(.club-heritage) h1,
html body .page-hero:not(.club-heritage) h2,
html body .page-hero:not(.club-heritage) .section-title {
  color: var(--ef-forest-deep) !important;
  -webkit-text-fill-color: var(--ef-forest-deep) !important;
}
html body .page-hero:not(.club-heritage) p,
html body .page-hero:not(.club-heritage) .eyebrow {
  color: var(--ef-muted) !important;
  -webkit-text-fill-color: var(--ef-muted) !important;
}

/* Titles and primary body labels */
html body .content-section .section-title,
html body .el-home-news-heading h2,
html body .el-tables-title,
html body .el-tables-kicker {
  color: var(--ef-forest-deep) !important;
  -webkit-text-fill-color: var(--ef-forest-deep) !important;
}
html body .el-home-news-all,
html body .el-article-back,
html body .el-article-bottom a {
  color: #54745A !important;
  -webkit-text-fill-color: #54745A !important;
}

/* Warm cards: avoid white-on-white conflicts from legacy themes */
html body .match-card,
html body .standing-box,
html body .el-tables-panel,
html body .el-editorial-card,
html body .el-article-grid,
html body .el-article-story,
html body .el-qv-panel {
  background-color: var(--ef-paper) !important;
  background-image: none !important;
  border-color: var(--ef-line) !important;
  color: var(--ef-ink) !important;
}
html body .match-card .match-line strong,
html body .match-card .score,
html body .el-editorial-card h2,
html body .el-editorial-card h3,
html body .el-editorial-card strong,
html body .el-tables-panel h2,
html body .el-tables-panel h3,
html body .el-article-story h1,
html body .el-qv-panel h1 {
  color: var(--ef-forest-deep) !important;
  -webkit-text-fill-color: var(--ef-forest-deep) !important;
}
html body .el-editorial-card p,
html body .el-editorial-card .el-editorial-excerpt,
html body .match-card .match-meta,
html body .el-article-story .el-article-lead,
html body .el-article-story .el-article-body,
html body .el-qv-panel p {
  color: var(--ef-muted) !important;
  -webkit-text-fill-color: var(--ef-muted) !important;
}
html body .el-article-story .el-article-body p,
html body .el-article-story .el-article-body li {
  color: var(--ef-ink) !important;
  -webkit-text-fill-color: var(--ef-ink) !important;
}
html body .el-article-score {
  border-color: var(--ef-line) !important;
}
html body .el-article-score strong,
html body .el-article-score span,
html body .el-article-tag {
  color: var(--ef-forest) !important;
  -webkit-text-fill-color: var(--ef-forest) !important;
}
html body .el-article-tag::before { background-color: var(--ef-gold) !important; }

/* If old simple news cards remain, deliberately keep them dark with cream text */
html body .news-grid > .news-card:not(.el-editorial-card) {
  background: var(--ef-forest) !important;
  border-color: #45695D !important;
  color: var(--ef-ivory) !important;
}
html body .news-grid > .news-card:not(.el-editorial-card) h3,
html body .news-grid > .news-card:not(.el-editorial-card) > p,
html body .news-grid > .news-card:not(.el-editorial-card) .news-full-text,
html body .news-grid > .news-card:not(.el-editorial-card) .news-full-text p,
html body .news-grid > .news-card:not(.el-editorial-card) .news-read-more {
  color: var(--ef-ivory) !important;
  -webkit-text-fill-color: var(--ef-ivory) !important;
}

/* Tables and standings: Elbrus line gets a subtle gold/sage highlight */
html body .standing-table,
html body .standing-table td,
html body .standing-table th,
html body .el-tables-panel table,
html body .el-tables-panel td,
html body .el-tables-panel th {
  color: var(--ef-ink) !important;
  border-color: var(--ef-line) !important;
}
html body .standing-table tr.our,
html body .el-tables-panel tr.our,
html body .el-tables-panel tr.el-our-team {
  background-color: #E8EDDF !important;
}

/* Compact reader: cream paper, green accents, not an oversized photo */
html body .el-qv-backdrop .el-qv-panel,
html body .el-qv-backdrop .el-qv-article {
  background-color: var(--ef-paper) !important;
  color: var(--ef-ink) !important;
}
html body .el-qv-backdrop .el-qv-close,
html body .el-qv-close-floating {
  background: var(--ef-forest-deep) !important;
  border-color: var(--ef-gold) !important;
  color: var(--ef-ivory) !important;
}
html body .el-qv-backdrop .el-qv-article h1,
html body .el-qv-backdrop .el-qv-article h2,
html body .el-qv-backdrop .el-qv-article h3 {
  color: var(--ef-forest-deep) !important;
  -webkit-text-fill-color: var(--ef-forest-deep) !important;
}
html body .el-qv-backdrop .el-qv-article p,
html body .el-qv-backdrop .el-qv-article li {
  color: var(--ef-ink) !important;
  -webkit-text-fill-color: var(--ef-ink) !important;
}

/* Border accents should remain discreet */
html body .content-section + .content-section {
  border-color: rgba(23,59,50,.10) !important;
}

/* ELBRUS_READER_GREEN_WHITE_START */
html body .el-qv-backdrop {
    background: rgba(15, 13, 20, .88) !important;
}
html body .el-qv-backdrop .el-qv-panel,
html body .el-qv-backdrop .el-qv-article {
    background: #2D2833 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
html body .el-qv-backdrop .el-qv-panel {
    border-color: rgba(255,255,255,.4) !important;
}
html body .el-qv-backdrop .el-qv-body,
html body .el-qv-backdrop .el-qv-score {
    background: transparent !important;
    background-image: none !important;
}
html body .el-qv-backdrop .el-qv-article :is(h1,h2,h3,h4,p,li,strong,b,em,small,span,time,a,.el-qv-kicker,.el-qv-date,.el-qv-lede,.el-qv-article-end) {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
html body .el-qv-backdrop .el-qv-rule {
    background-color: rgba(255,255,255,.34) !important;
}
html body .el-qv-backdrop .el-qv-score {
    border-top-color: rgba(255,255,255,.34) !important;
    border-bottom-color: rgba(255,255,255,.34) !important;
}
html body .el-qv-backdrop .el-qv-close-floating,
html body .el-qv-backdrop .el-qv-close {
    background: #24212D !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,.7) !important;
}
html body .el-qv-backdrop .el-qv-close:focus-visible {
    outline-color: #FFFFFF !important;
}


html body .el-article-page,
html body .el-article-page .el-article-grid,
html body .el-article-page .el-article-story,
html body .el-article-page .el-article-body,
html body .el-article-page .el-article-score,
html body .el-article-page .el-article-inline,
html body .el-article-page .el-article-bottom,
html body .el-article {
    background: #2D2833 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
html body .el-article-page .el-article-grid {
    border-color: rgba(255,255,255,.4) !important;
}
html body .el-article-page .el-article-story :is(h1,h2,h3,h4,p,li,a,strong,b,small,span,time,.el-article-tag,.el-article-date,.el-article-lead),
html body .el-article :is(h1,h2,h3,h4,p,li,a,strong,b,small,span,time,.lead,.back),
html body .el-article-page .el-article-back {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
html body .el-article-page .el-article-score,
html body .el-article-page .el-article-inline,
html body .el-article-page .el-article-bottom,
html body .el-article-page .el-article-inline img {
    border-color: rgba(255,255,255,.3) !important;
}
html body .el-article-page .el-article-tag::before {
    background-color: #FFFFFF !important;
}
/* ELBRUS_READER_GREEN_WHITE_END */