/* Semantic dark surfaces. Club colours, pitch, media and verification retain their identities. */
html[data-theme=dark]{color-scheme:dark;background:#0d1623}
html[data-theme=dark] .product-app{color-scheme:dark;--paper:#0d1623;--surface:#152233;--ink:#edf3fc;--ink-2:#d1ddea;--muted:#adbed4;--muted-2:#93a8c1;--line:#32455b;--line-2:#2b3c50;--sky-50:#172c48;--sky-100:#1d3656;--sky-300:#a5ceff;--sky-400:#88baff;--shadow-sm:none;--shadow-md:0 8px 30px #00000030;--green-100:#163d30;--green-800:#a1e6bd;--amber-100:#44331a;--amber-800:#f4d18a;--red-100:#482735;--red-800:#ffb4ba;--violet-100:#352751;--violet-800:#dac4ff;background:var(--paper);color:var(--ink)}
html[data-theme=dark] .product-app :is(.card,.post,.pcard,.player-hero,.share-prompt,.filters,.club-discovery-card,.opportunity-card,.opportunity-status-row,.account-summary,.account-menu-panel,.modal,.drawer,.area-panel,.role-opt,.demo-accounts button){background:var(--surface);border-color:var(--line-2);color:var(--ink)}
html[data-theme=dark] .product-app :is(.card-head,.card-foot,.list-item,.self-reach,.self-profile-link,.profile-tabs,.feed-filter-row,.opportunity-facts,.club-looking,.account-menu-identity,.advanced-filters,.football-facts,.privacy-note,.table th,.table td){border-color:var(--line-2)}
html[data-theme=dark] .product-app :is(.topbar h1,.post>p,.profile-about .bio,.account-menu-identity b,.account-menu-panel nav a,.club-content h3,.opportunity-card h3,.opportunity-top b,.opportunity-status-row .txt b,.progress-next,.football-facts b){color:var(--ink)}
html[data-theme=dark] .product-app :is(.club-location,.club-location small,.club-level,.club-looking .eyebrow,.opportunity-card .opportunity-desc,.opportunity-card .position-line,.opportunity-facts,.opportunity-foot>span,.opportunity-status-row .txt span,.community-note,.profile-account-note p,.feed-sort,.feed-end){color:var(--muted)}
html[data-theme=dark] .product-app :is(.input,.select,.textarea){background:#101b2d;border-color:#3b4e69;color:var(--ink)}
html[data-theme=dark] .product-app :is(.input::placeholder,.textarea::placeholder){color:#8ca0bb}
html[data-theme=dark] .product-app :is(.btn-outline,.btn-ghost,.account-pill,.club-level,.share-prompt>button,.account-menu>summary){background:transparent;color:var(--ink-2);border-color:#3a4e6b}
html[data-theme=dark] .product-app :is(.btn-outline:hover,.btn-ghost:hover,.account-menu[open]>summary,.account-menu-panel nav a:hover){background:#213753;color:#d5e6ff}
html[data-theme=dark] .product-app :is(.btn-primary,.btn-primary:hover,.btn-accent){color:white}
html[data-theme=dark] .product-app :is(.card-foot,.opportunity-foot,.club-card-foot,.feed-media-caption,.thread-input,.thread-head){background:#122036;color:var(--ink);border-color:var(--line-2)}
html[data-theme=dark] .product-app :is(.hero-pitch,.radius-filter,.post-match-fields,.profile-reach,.reach-counters>div,.feed-empty,.feed-media-error,.account-summary,.demo,.thread-body,.conv-list,.overview-profile .profile-reach){background:#101c2f;color:var(--ink);border-color:var(--line-2)}
html[data-theme=dark] .product-app .hero-pitch{background:#172840;border-color:#33507844}
html[data-theme=dark] .product-app :is(.hero-pitch:before,.hero-pitch:after,.hero-pitch i){border-color:#7297c52b}
html[data-theme=dark] .product-app :is(.player-hero-main .avatar,.self-identity .avatar,.club-identity .avatar){border-color:var(--surface)}
html[data-theme=dark] .product-app .hero-tags>span{background:#172a43;color:#c4d3e7;border-color:#344a68}
html[data-theme=dark] .product-app :is(.badge.blue,.club-looking .badge.blue){background:#203c61;color:#bbd7ff}
html[data-theme=dark] .product-app :is(.badge.navy,.badge:not(.blue):not(.green):not(.amber):not(.red):not(.violet)){background:#263952;color:#d4e1f4}
html[data-theme=dark] .product-app :is(.badge.green,.club-looking .badge.green,.fit-label,.hero-tags .contact-status.is-open){background:#183d33;color:#ade5c7;border-color:#2b6150}
html[data-theme=dark] .product-app :is(.text-link,.progress-heading b,.profile-tabs a[aria-current],.seg button.on,.share-prompt .share-video,.progress-next>span:last-child,.club-view-label,.opportunity-foot b,.self-profile-link,.profile-account-note a,.privacy-note a,.position-guide .launch-kicker,.advanced-filters>summary){color:#99c4ff}
html[data-theme=dark] .product-app :is(.conv.active,.post-a .btn.on,.club-discovery-card [data-action=follow][aria-pressed=true]){background:#203c61;color:#bed9ff;border-color:#41628b}
html[data-theme=dark] .product-app .club-discovery-card [data-action=follow]{background:#192b43;color:#c2d7f4;border-color:#3a5375}
html[data-theme=dark] .product-app .opportunity-top{background:var(--surface)}
html[data-theme=dark] .product-app :is(.club-view-label i,.opportunity-foot b i){background:transparent;border-color:#3a5375;color:#aacfff}
html[data-theme=dark] .product-app :is(progress,progress::-webkit-progress-bar,.account-menu-divider){background:#22354e}
html[data-theme=dark] .product-app .profile-edit-heading{background:#0b1320f5;border-color:var(--line-2)}
html[data-theme=dark] .product-app .bubble{background:#1b2c44;border-color:#344965;color:var(--ink)}
html[data-theme=dark] .product-app .bubble.me{background:#2468eb;color:white}
html[data-theme=dark] .product-app .chat-status{background:#3d301d;color:#f2d29a;border-color:#624b28}
html[data-theme=dark] .product-app :is(.skeleton-line,.skeleton-grid>div){background:#1c2d45}
html[data-theme=dark] .product-app .feed-media-error p{color:var(--muted)}
html[data-theme=dark] .product-app :is(.moment-teaser,.moment-hero){border:1px solid #365170}
html[data-theme=dark] .product-app .moment-entry{background:var(--surface);color:var(--ink)}
html[data-theme=dark] .product-app :is(.moment-entry-body .muted,.moment-entry-body p){color:var(--muted)}
html[data-theme=dark] .product-auth .login-form{background:var(--paper)}
html[data-theme=dark] .product-auth .role-opt.on{background:#1c3658;border-color:#5489d3}
html[data-theme=dark] .product-auth :is(.role-opt .ic,.demo-accounts code){background:#203754;color:#c2d9fa}
html[data-theme=dark] .product-auth :is(.wizard .mob-logo .logo img,.login-card .mob-logo .logo img){filter:none}
@media(max-width:540px){.product-app .topbar{gap:7px}}
html[data-theme=dark] .product-app .discovery-tabs a{color:var(--muted)}
html[data-theme=dark] .product-app .discovery-tabs [aria-current]{color:#bed9ff}
html[data-theme=dark] .product-app .header-brand{border-color:var(--line)}
html[data-theme=dark] .product-app progress::-webkit-progress-bar{background:#22354e}
html[data-theme=dark] .product-app .post.post-pinned{border-color:#2e5288;box-shadow:0 0 0 1px #2e5288,var(--shadow-sm)}

/* Drawer header (player profile, transfer request): product.css makes it white, which hid the light title in dark mode. */
html[data-theme=dark] .product-app .drawer-head{background:var(--surface);border-color:var(--line-2)}
html[data-theme=dark] .product-app .folder-icon{background:#22354e;color:#a9cdfb}