/**
 * Optional site appearance — dark archive surfaces.
 *
 * Additive only. Light-mode declarations are not changed.
 * Inverse white, pitch, menu, heroes and footer chrome are not retargeted.
 *
 * @package BTFC_Stats
 */

html[data-btfc-appearance="dark"] {
    --btfc-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' viewBox='0 0 12 8'%3E%3Cpath stroke='%23E7ECF2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1.5 1.75 6 6.25l4.5-4.5'/%3E%3C/svg%3E");
}

html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table tbody tr:nth-child(even) .btfc-pstats-col-player {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table thead th,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table thead th:first-child,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table thead th:nth-child(2) {
    background-color: var(--color-gray-50) !important;
}

html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table tbody tr:hover .btfc-pstats-col-player {
    background-color: var(--btfc-hover);
}

html[data-btfc-appearance="dark"] .btfc-archive-table--sticky-first > tbody tr:nth-child(even) th:first-child,
html[data-btfc-appearance="dark"] .btfc-archive-table--sticky-first > tbody tr:nth-child(even) td:first-child {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-club-overview .btfc-archive-rank-row:nth-child(even) {
    background: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-month-table tbody tr:nth-child(even) {
    background: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table thead th {
    background-color: var(--color-gray-50);
}

html[data-btfc-appearance="dark"] .btfc-table-fixed-first-col th:first-child {
    background-color: var(--color-gray-50);
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-filter:not(.active),
html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-filter:not(.active):focus-visible,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-reset,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-reset:focus,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive a.btfc-btn.btfc-pstats-reset,
html[data-btfc-appearance="dark"] .btfc-pstats-page,
html[data-btfc-appearance="dark"] .btfc-lg-directory .btfc-lg-page,
html[data-btfc-appearance="dark"] .btfc-az-page,
html[data-btfc-appearance="dark"] .btfc-oppaz-page,
html[data-btfc-appearance="dark"] .btfc-club-btn-outline,
html[data-btfc-appearance="dark"] .btfc-club-era-nav-item,
html[data-btfc-appearance="dark"] .btfc-btn--ghost,
html[data-btfc-appearance="dark"] .btfc-btn--ghost:focus,
html[data-btfc-appearance="dark"] .btfc-dir-letter,
html[data-btfc-appearance="dark"] .btfc-filters-toggle,
html[data-btfc-appearance="dark"] .btfc-rh-tab,
html[data-btfc-appearance="dark"] .btfc-thisday-controls,
html[data-btfc-appearance="dark"] .btfc-attendance-records-archive .btfc-att-section-head .view-toggle-btn,
html[data-btfc-appearance="dark"] .btfc-att-drilldown .view-toggle-btn,
html[data-btfc-appearance="dark"] .close-match-details,
html[data-btfc-appearance="dark"] .btfc-match-timeline-icon {
    background-color: var(--color-gray-100);
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-squad-card-photo,
html[data-btfc-appearance="dark"] .btfc-sr-comp-logo {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-thisday-date-input:focus,
html[data-btfc-appearance="dark"] .btfc-contact-textarea:focus,
html[data-btfc-appearance="dark"] .btfc-search .search-input:focus,
html[data-btfc-appearance="dark"] #season-select:focus,
html[data-btfc-appearance="dark"] .btfc-oppaz-archive #btfc-oppaz-search,
html[data-btfc-appearance="dark"] .btfc-az-archive #btfc-name-search,
html[data-btfc-appearance="dark"] .btfc-az-archive #btfc-az-position,
html[data-btfc-appearance="dark"] .btfc-opp-season-form select,
html[data-btfc-appearance="dark"] .btfc-pick-search input,
html[data-btfc-appearance="dark"] .btfc-pick-pool select {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-archive-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-archive-table--sticky-first > tbody tr:hover th:first-child,
html[data-btfc-appearance="dark"] .btfc-archive-table--sticky-first > tbody tr:hover td:first-child,
html[data-btfc-appearance="dark"] .match-attendance-table tbody tr:hover,
html[data-btfc-appearance="dark"] a.btfc-opp-match:hover,
html[data-btfc-appearance="dark"] .btfc-manager-records-archive .btfc-mr-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-manager-records-archive .btfc-mr-table--sticky-first > tbody tr:hover td:first-child,
html[data-btfc-appearance="dark"] .btfc-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-table-striped tbody tr:nth-child(even):hover,
html[data-btfc-appearance="dark"] .btfc-table-hoverable tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-table-sortable:hover,
html[data-btfc-appearance="dark"] .btfc-stats-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-open-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-att-table tbody tr:hover,
html[data-btfc-appearance="dark"] body.btfc-season-archive-attendance .btfc-sr-att-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-table-fixed-first-col tbody tr:hover td:first-child,
html[data-btfc-appearance="dark"] .btfc-player-log-table tbody tr:hover td:nth-child(1),
html[data-btfc-appearance="dark"] .btfc-stats-btn:hover,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-reset:hover,
html[data-btfc-appearance="dark"] .btfc-player-statistics-archive a.btfc-btn.btfc-pstats-reset:hover,
html[data-btfc-appearance="dark"] .btfc-btn--ghost:hover,
html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-filter:not(.active):hover,
html[data-btfc-appearance="dark"] .btfc-profile-role-switcher a:hover:not(.is-active) {
    background-color: var(--btfc-hover);
}

html[data-btfc-appearance="dark"] .btfc-player-statistics-archive .btfc-pstats-table thead th.btfc-table-sortable:hover {
    background-color: var(--btfc-hover) !important;
}

html[data-btfc-appearance="dark"] .btfc-lg-directory .btfc-open-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-seasons-index .btfc-open-table tbody tr.is-current:hover,
html[data-btfc-appearance="dark"] .btfc-fixtures-archive a.btfc-fix-row:hover {
    background-color: transparent;
}

html[data-btfc-appearance="dark"] .btfc-match-timeline-icon {
    color: inherit;
}

html[data-btfc-appearance="dark"] .btfc-page-shell {
    color: var(--btfc-text);
}

html[data-btfc-appearance="dark"] .btfc-page-shell :is(th, td, dt, dd, li, label, legend, figcaption, summary),
html[data-btfc-appearance="dark"] .btfc-page-shell :is(strong, em, b, i, cite) {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-thisday-card-empty p,
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner span.is-disabled,
html[data-btfc-appearance="dark"] .btfc-sr-comp-grid dt,
html[data-btfc-appearance="dark"] .btfc-ch-notable-arrow,
html[data-btfc-appearance="dark"] .btfc-dir-empty,
html[data-btfc-appearance="dark"] .btfc-az-page-ellipsis {
    color: var(--color-gray-400);
}

html[data-btfc-appearance="dark"] .btfc-ch-notable-text,
html[data-btfc-appearance="dark"] .btfc-match-milestone-text,
html[data-btfc-appearance="dark"] .btfc-opp-aside-lede {
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] .btfc-page-hero,
html[data-btfc-appearance="dark"] .btfc-page-hero :is(h1, h2, h3, h4, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-page-hero-title,
html[data-btfc-appearance="dark"] .btfc-home-hero,
html[data-btfc-appearance="dark"] .btfc-home-hero :is(h1, h2, h3, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-home-hero-title-club,
html[data-btfc-appearance="dark"] .btfc-ch-hero,
html[data-btfc-appearance="dark"] .btfc-ch-hero :is(h1, h2, h3, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-sr-hero,
html[data-btfc-appearance="dark"] .btfc-sr-hero :is(h1, h2, h3, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-sr-hero-title,
html[data-btfc-appearance="dark"] .btfc-opp-profile-hero,
html[data-btfc-appearance="dark"] .btfc-opp-profile-hero :is(h1, h2, h3, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-match-scoreboard,
html[data-btfc-appearance="dark"] .btfc-match-scoreboard :is(h1, h2, h3, p, a, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .site-footer,
html[data-btfc-appearance="dark"] .site-footer :is(a, p, li, h1, h2, h3, span),
html[data-btfc-appearance="dark"] .site-header,
html[data-btfc-appearance="dark"] .site-header :is(a, button, span) {
    color: var(--color-white);
}

html[data-btfc-appearance="dark"] .btfc-home-hero-title-gold,
html[data-btfc-appearance="dark"] .btfc-home-hero-kicker {
    color: var(--color-secondary);
}

html[data-btfc-appearance="dark"] .btfc-page-shell :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary),
html[data-btfc-appearance="dark"] .btfc-page-shell-main :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary, .btfc-sr-cta-btn) {
    color: var(--btfc-navy);
}

html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch,
html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch a {
    color: var(--color-primary);
}

html[data-btfc-appearance="dark"] .btfc-player-log-table tbody tr:nth-child(even) td:nth-child(1) {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-match-timeline-item--event .btfc-match-timeline-icon {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-match-story-image-frame {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] input.btfc-dir-input,
html[data-btfc-appearance="dark"] input.btfc-az-input,
html[data-btfc-appearance="dark"] input.btfc-oppaz-input,
html[data-btfc-appearance="dark"] #btfc-name-search,
html[data-btfc-appearance="dark"] #btfc-oppaz-search,
html[data-btfc-appearance="dark"] #btfc-ch-season-search,
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="search"],
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="text"],
html[data-btfc-appearance="dark"] .btfc-filters input[type="search"],
html[data-btfc-appearance="dark"] .btfc-filters input[type="text"],
html[data-btfc-appearance="dark"] .btfc-lg-controls input[type="search"],
html[data-btfc-appearance="dark"] .btfc-contact-form input.btfc-dir-input,
html[data-btfc-appearance="dark"] .btfc-search .search-input,
html[data-btfc-appearance="dark"] .btfc-thisday-date-input,
html[data-btfc-appearance="dark"] .btfc-contact-textarea,
html[data-btfc-appearance="dark"] .btfc-pick-search input,
html[data-btfc-appearance="dark"] select.btfc-dir-select,
html[data-btfc-appearance="dark"] select.btfc-form-select,
html[data-btfc-appearance="dark"] select.btfc-control-select,
html[data-btfc-appearance="dark"] select.btfc-select,
html[data-btfc-appearance="dark"] select.btfc-az-select,
html[data-btfc-appearance="dark"] select.btfc-season-dropdown,
html[data-btfc-appearance="dark"] select.btfc-dir-letter-select,
html[data-btfc-appearance="dark"] .btfc-filters select,
html[data-btfc-appearance="dark"] .btfc-pstats-field select,
html[data-btfc-appearance="dark"] .btfc-season-form select,
html[data-btfc-appearance="dark"] .btfc-opp-season-form select,
html[data-btfc-appearance="dark"] .btfc-sr-season-form select,
html[data-btfc-appearance="dark"] .btfc-ch-filter select,
html[data-btfc-appearance="dark"] .btfc-mgrs-filters select,
html[data-btfc-appearance="dark"] .btfc-lg-controls select,
html[data-btfc-appearance="dark"] .btfc-contact-form select,
html[data-btfc-appearance="dark"] #btfc-az-position,
html[data-btfc-appearance="dark"] #btfc-az-nationality,
html[data-btfc-appearance="dark"] #btfc-az-letter-select,
html[data-btfc-appearance="dark"] #btfc-oppaz-letter-select,
html[data-btfc-appearance="dark"] #btfc-pstats-season,
html[data-btfc-appearance="dark"] #btfc-pstats-competition,
html[data-btfc-appearance="dark"] #btfc-opp-season-select,
html[data-btfc-appearance="dark"] #btfc-mgrs-era,
html[data-btfc-appearance="dark"] #btfc-ch-round-filter,
html[data-btfc-appearance="dark"] #btfc-ch-result-filter,
html[data-btfc-appearance="dark"] #btfc_contact_subject,
html[data-btfc-appearance="dark"] #season-select,
html[data-btfc-appearance="dark"] .btfc-pick-pool select {
    background-color: var(--color-gray-100);
    border-color: var(--btfc-line);
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] input.btfc-dir-input::placeholder,
html[data-btfc-appearance="dark"] input.btfc-az-input::placeholder,
html[data-btfc-appearance="dark"] input.btfc-oppaz-input::placeholder,
html[data-btfc-appearance="dark"] #btfc-name-search::placeholder,
html[data-btfc-appearance="dark"] #btfc-oppaz-search::placeholder,
html[data-btfc-appearance="dark"] #btfc-ch-season-search::placeholder,
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="search"]::placeholder,
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="text"]::placeholder,
html[data-btfc-appearance="dark"] .btfc-filters input[type="search"]::placeholder,
html[data-btfc-appearance="dark"] .btfc-filters input[type="text"]::placeholder,
html[data-btfc-appearance="dark"] .btfc-contact-form input.btfc-dir-input::placeholder,
html[data-btfc-appearance="dark"] .btfc-search .search-input::placeholder,
html[data-btfc-appearance="dark"] .btfc-contact-textarea::placeholder,
html[data-btfc-appearance="dark"] .btfc-pick-search input::placeholder {
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] input.btfc-dir-input:focus,
html[data-btfc-appearance="dark"] input.btfc-az-input:focus,
html[data-btfc-appearance="dark"] input.btfc-oppaz-input:focus,
html[data-btfc-appearance="dark"] #btfc-name-search:focus,
html[data-btfc-appearance="dark"] #btfc-oppaz-search:focus,
html[data-btfc-appearance="dark"] #btfc-ch-season-search:focus,
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="search"]:focus,
html[data-btfc-appearance="dark"] .btfc-ch-filter input[type="text"]:focus,
html[data-btfc-appearance="dark"] .btfc-filters input[type="search"]:focus,
html[data-btfc-appearance="dark"] .btfc-filters input[type="text"]:focus,
html[data-btfc-appearance="dark"] .btfc-contact-form input.btfc-dir-input:focus,
html[data-btfc-appearance="dark"] .btfc-search .search-input:focus,
html[data-btfc-appearance="dark"] .btfc-thisday-date-input:focus,
html[data-btfc-appearance="dark"] .btfc-contact-textarea:focus,
html[data-btfc-appearance="dark"] #season-select:focus {
    background-color: var(--color-gray-100);
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-ch-band {
    background-color: var(--color-gray-50);
}

html[data-btfc-appearance="dark"] .btfc-ch-table tbody tr:nth-child(even) {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] .btfc-ch-table tbody tr:hover,
html[data-btfc-appearance="dark"] .btfc-ch-season-row.is-active {
    background-color: var(--btfc-hover);
}

html[data-btfc-appearance="dark"] .btfc-ch-stat-icon {
    background: color-mix(in srgb, var(--btfc-ch-accent) 22%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] .btfc-ch,
html[data-btfc-appearance="dark"] .btfc-home-archive,
html[data-btfc-appearance="dark"] .btfc-fixtures-archive,
html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-row,
html[data-btfc-appearance="dark"] .btfc-season-overview {
    color: var(--btfc-text);
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-row {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-section :is(th, td, dt, dd, li, label, strong, em) {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league tbody tr.is-home-club :is(th, td),
html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league tbody tr.is-home-club:hover :is(th, td) {
    background: var(--btfc-gold, var(--color-secondary));
    color: var(--btfc-navy, var(--color-primary));
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league td.is-positive,
html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league tbody tr.is-home-club td.is-positive {
    color: var(--btfc-win, var(--color-win, #10b981));
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league td.is-negative,
html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-mini-league tbody tr.is-home-club td.is-negative {
    color: var(--btfc-loss, var(--color-loss, #ef4444));
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-home-focus-name-last {
    color: var(--color-secondary);
}

html[data-btfc-appearance="dark"] .btfc-ch-dest:hover .btfc-ch-dest-title,
html[data-btfc-appearance="dark"] .btfc-ch-dest:focus-visible .btfc-ch-dest-title,
html[data-btfc-appearance="dark"] .btfc-ch-dest-cta,
html[data-btfc-appearance="dark"] .btfc-ch-dest {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-ch a:not(.btfc-ch-btn-accent):not(.btfc-ch-btn-ghost) {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-ch-text-link {
    color: var(--btfc-ch-accent);
}

html[data-btfc-appearance="dark"] .btfc-ch-hero :is(h1, h2, h3, p, a) {
    color: var(--color-white);
}

html[data-btfc-appearance="dark"] .btfc-player-career-groups .career-totals-row td {
    background: color-mix(in srgb, var(--color-primary) 18%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] .btfc-squad-hub-card:hover .btfc-squad-hub-card-name,
html[data-btfc-appearance="dark"] .btfc-squad-hub-card:focus-visible .btfc-squad-hub-card-name {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-match-archive-body a,
html[data-btfc-appearance="dark"] .btfc-match-h2h-link {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-match-h2h-link:hover,
html[data-btfc-appearance="dark"] .btfc-match-h2h-link:focus-visible {
    color: var(--btfc-gold);
}

html[data-btfc-appearance="dark"] .btfc-player-statistics-archive a {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-ha-badge:not(.home):not(.away),
html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-ha-badge:not(.home),
html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-ha-badge:not(.home) {
    background-color: var(--color-gray-100);
    color: var(--color-text-primary);
}

@media (max-width: 760px) {
    html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-ha-badge,
    html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-ha-badge.home,
    html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-ha-badge.away {
        background-color: transparent;
        color: var(--btfc-muted);
    }
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-form span.upcoming,
html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-fix-form span.tbc {
    background-color: var(--color-gray-100);
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] .btfc-match-h2h-bar {
    background-color: var(--color-gray-100);
}

html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-home-club:not(.is-promotion):not(.is-playoff):not(.is-relegation) td,
html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-home-club:not(.is-promotion):not(.is-playoff):not(.is-relegation) th {
    background-color: color-mix(in srgb, var(--btfc-gold) 22%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-promotion td,
html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-promotion th {
    background-color: color-mix(in srgb, var(--btfc-win) 28%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-playoff td,
html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-playoff th {
    background-color: color-mix(in srgb, var(--btfc-gold) 28%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-relegation td,
html[data-btfc-appearance="dark"] body.btfc-season-archive-table .btfc-league-table tbody tr.is-relegation th {
    background-color: color-mix(in srgb, var(--btfc-loss) 26%, var(--btfc-surface));
}

html[data-btfc-appearance="dark"] .btfc-badge-light {
    background-color: var(--color-gray-100);
    color: var(--color-text-primary);
    border-color: var(--btfc-line);
}

html[data-btfc-appearance="dark"] .btfc-match-archive .btfc-match-event,
html[data-btfc-appearance="dark"] .btfc-match-archive .btfc-match-event span {
    color: var(--color-text-primary) !important;
}

html[data-btfc-appearance="dark"] .btfc-home-archive .btfc-section span.btfc-home-focus-name-last {
    color: var(--color-secondary);
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-match-date-status__postponed,
html[data-btfc-appearance="dark"] .btfc-match-date-status__postponed {
    color: #ef4444;
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-result-score.win,
html[data-btfc-appearance="dark"] .btfc-result-score.win,
html[data-btfc-appearance="dark"] .btfc-score.win {
    color: var(--btfc-win);
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-result-score.draw,
html[data-btfc-appearance="dark"] .btfc-result-score.draw,
html[data-btfc-appearance="dark"] .btfc-score.draw {
    color: var(--btfc-draw);
}

html[data-btfc-appearance="dark"] .btfc-fixtures-archive .btfc-result-score.loss,
html[data-btfc-appearance="dark"] .btfc-result-score.loss,
html[data-btfc-appearance="dark"] .btfc-score.loss {
    color: var(--btfc-loss);
}

html[data-btfc-appearance="dark"] .btfc-table-header-light th,
html[data-btfc-appearance="dark"] .btfc-table-header-subtle th {
    border-bottom-color: var(--btfc-line) !important;
}

html[data-btfc-appearance="dark"] .btfc-page-shell .btfc-stat-label {
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] .btfc-page-shell :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary),
html[data-btfc-appearance="dark"] .btfc-page-shell :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary) :is(span, strong, em, small),
html[data-btfc-appearance="dark"] .btfc-page-shell-main :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary, .btfc-sr-cta-btn),
html[data-btfc-appearance="dark"] .btfc-page-shell-main :is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary, .btfc-sr-cta-btn) :is(span, strong, em, small) {
    color: var(--btfc-navy);
}

html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch,
html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch :is(a, span, strong, em, small, time, p, li, h1, h2, h3, h4, label) {
    color: var(--color-primary);
}

html[data-btfc-appearance="dark"] .btfc-opp-info-strip__label {
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] .btfc-opp-info-strip__value,
html[data-btfc-appearance="dark"] .btfc-opp-info-strip__value a {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-opp-info-strip__value a:hover,
html[data-btfc-appearance="dark"] .btfc-opp-info-strip__value a:focus-visible {
    color: var(--btfc-gold);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-status {
    background: var(--btfc-surface);
    color: var(--btfc-text);
    border-color: var(--btfc-line);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-status :is(p, strong, em, small) {
    color: var(--btfc-text);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight > .btfc-section-heading {
    color: var(--btfc-heading);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight .btfc-fixture-date {
    color: var(--btfc-muted);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight .btfc-fixture-comp {
    color: var(--btfc-link-hover);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight .btfc-fixture-line,
html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight .btfc-fixture-team {
    color: var(--btfc-text);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight .btfc-fixture-score {
    color: var(--btfc-heading);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight a.btfc-fixture:hover .btfc-fixture-team,
html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight a.btfc-fixture:focus-visible .btfc-fixture-team {
    color: var(--btfc-text);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight a.btfc-fixture:hover .btfc-fixture-score,
html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-aside-highlight a.btfc-fixture:focus-visible .btfc-fixture-score {
    color: var(--btfc-heading);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-tabs.btfc-detail-tabs,
html[data-btfc-appearance="dark"] .btfc-player-archive .btfc-player-tabs.btfc-detail-tabs {
    --btfc-tabs-fade: var(--btfc-surface);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-tabs .btfc-opp-tab,
html[data-btfc-appearance="dark"] .btfc-player-archive .btfc-player-tabs .btfc-player-tab {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-table th,
html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-table td {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-table thead th {
    border-bottom-color: var(--btfc-line);
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-table .is-positive {
    color: #10b981;
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-opp-table .is-negative {
    color: #ef4444;
}

html[data-btfc-appearance="dark"] .btfc-opp-archive .btfc-section-link.btfc-opp-more,
html[data-btfc-appearance="dark"] .btfc-opp-record {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-thisday-summary li,
html[data-btfc-appearance="dark"] .btfc-thisday-score,
html[data-btfc-appearance="dark"] .btfc-thisday-person-name,
html[data-btfc-appearance="dark"] .btfc-thisday-person-score {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-ch-stat-value {
    color: var(--color-text-primary);
}

/* Card-style / unmigrated anchors still on navy tokens. */
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a:not(.is-active),
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-summary-name a,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-honours-list strong a,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-award-player a,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-leader,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-leader :is(h2, h3, p, span, strong, em, small),
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-define-card,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-define-card :is(h2, h3, p, span, strong, em, small, time),
html[data-btfc-appearance="dark"] .btfc-opp-dl a,
html[data-btfc-appearance="dark"] .btfc-ch-scorer-name a {
    color: var(--color-text-primary);
}

html[data-btfc-appearance="dark"] .btfc-page-shell a:hover,
html[data-btfc-appearance="dark"] .btfc-page-shell a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-page-shell-main a:hover,
html[data-btfc-appearance="dark"] .btfc-page-shell-main a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a:not(.is-active):hover,
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a:not(.is-active):focus-visible,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-section-head a:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-section-head a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-cup-row .btfc-sr-comp-link:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-cup-row .btfc-sr-comp-link:focus-visible,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-summary-name a:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-summary-name a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-leader:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-leader:focus-visible,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-define-card:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial a.btfc-sr-define-card:focus-visible,
html[data-btfc-appearance="dark"] .btfc-squad-hub-links a:hover,
html[data-btfc-appearance="dark"] .btfc-squad-hub-links a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-squad-hub-people a:hover,
html[data-btfc-appearance="dark"] .btfc-squad-hub-people a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-rh-more-list a:hover,
html[data-btfc-appearance="dark"] .btfc-rh-more-list a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-si-actions a:hover,
html[data-btfc-appearance="dark"] .btfc-si-actions a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-si-item-actions a:hover,
html[data-btfc-appearance="dark"] .btfc-si-item-actions a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-pick-facts a:hover,
html[data-btfc-appearance="dark"] .btfc-pick-facts a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-thisday-card-cta:hover,
html[data-btfc-appearance="dark"] .btfc-thisday-card-cta:focus-visible,
html[data-btfc-appearance="dark"] .btfc-opp-status a:hover,
html[data-btfc-appearance="dark"] .btfc-opp-status a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-profile-breadcrumb.btfc-breadcrumb a:hover,
html[data-btfc-appearance="dark"] .btfc-profile-breadcrumb.btfc-breadcrumb a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-profile-breadcrumb.btfc-breadcrumb .btfc-breadcrumb-current,
html[data-btfc-appearance="dark"] .btfc-match-link:hover,
html[data-btfc-appearance="dark"] .btfc-match-link:focus-visible,
html[data-btfc-appearance="dark"] .btfc-match-season-nav a:hover,
html[data-btfc-appearance="dark"] .btfc-match-season-nav a:focus-visible {
    color: var(--btfc-gold);
}

html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a.is-active,
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a.is-active:hover,
html[data-btfc-appearance="dark"] .btfc-sr-tabs-inner a.is-active:focus-visible {
    color: #ffffff;
}

html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-league-block .btfc-sr-comp-link,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-league-block .btfc-sr-comp-link:hover,
html[data-btfc-appearance="dark"] .btfc-season-overview--editorial .btfc-sr-league-block .btfc-sr-comp-link:focus-visible {
    color: var(--color-secondary-dark, #D4A000);
}

html[data-btfc-appearance="dark"] .btfc-page-shell a:hover:is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary),
html[data-btfc-appearance="dark"] .btfc-page-shell a:focus-visible:is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary),
html[data-btfc-appearance="dark"] .btfc-page-shell-main a:hover:is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary, .btfc-sr-cta-btn),
html[data-btfc-appearance="dark"] .btfc-page-shell-main a:focus-visible:is(.btfc-btn-gold, .btfc-btn--gold, .btfc-btn-primary, .btfc-sr-cta-btn),
html[data-btfc-appearance="dark"] .btfc-page-shell-main .btfc-sr-cta-btn:hover,
html[data-btfc-appearance="dark"] .btfc-page-shell-main .btfc-sr-cta-btn:focus-visible {
    color: var(--btfc-navy);
}

html[data-btfc-appearance="dark"] .btfc-page-hero a:hover,
html[data-btfc-appearance="dark"] .btfc-page-hero a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-sr-hero a:hover,
html[data-btfc-appearance="dark"] .btfc-sr-hero a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-ch-hero a:hover,
html[data-btfc-appearance="dark"] .btfc-ch-hero a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-home-hero a:hover,
html[data-btfc-appearance="dark"] .btfc-home-hero a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-opp-profile-hero a:hover,
html[data-btfc-appearance="dark"] .btfc-opp-profile-hero a:focus-visible,
html[data-btfc-appearance="dark"] .btfc-match-scoreboard a:hover,
html[data-btfc-appearance="dark"] .btfc-match-scoreboard a:focus-visible {
    color: var(--btfc-gold);
}

html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch a:hover,
html[data-btfc-appearance="dark"] .btfc-fans-xi-pitch a:focus-visible {
    color: var(--color-primary);
}

html[data-btfc-appearance="dark"] .btfc-ch-text-link {
    color: var(--btfc-ch-accent);
}

html[data-btfc-appearance="dark"] .btfc-ch-text-link:hover,
html[data-btfc-appearance="dark"] .btfc-ch-text-link:focus-visible {
    color: var(--color-text-primary);
}