/* Lean Edge Sports — site-wide light mode polish (Aug 2026)
   Loaded after each page-specific stylesheet so light mode feels like a
   deliberate soft-blue version of the site rather than white blocks. */

html[data-les-theme="light"] {
  --darkest-navy: #dfe8f3 !important;
  --dark-navy: #edf3f9 !important;
  --mid-navy: #d7e2ee !important;
  --card-bg: #f4f7fb !important;
  --card-border: #c4d2e1 !important;
  --white: #10213a !important;
  --grey-font: #43566f !important;
  --text-muted: #63758c !important;
  --mid-blue: #245f98 !important;
}

html[data-les-theme="light"] body {
  background: #e4ecf5 !important;
  color: #10213a !important;
}

html[data-les-theme="light"] body::before,
html[data-les-theme="light"] body::after {
  pointer-events: none !important;
}

html[data-les-theme="light"] .background-glow {
  opacity: .18 !important;
  background:
    radial-gradient(circle at 20% 12%, rgba(36,95,152,.12), transparent 38%),
    radial-gradient(circle at 82% 72%, rgba(196,18,48,.07), transparent 42%) !important;
}

/* Header/navigation remains clearly branded, but in a soft slate-blue shell. */
html[data-les-theme="light"] #site-header,
html[data-les-theme="light"] #site-header .site-top-wrap,
html[data-les-theme="light"] #site-header .navbar,
html[data-les-theme="light"] #site-header #main-nav,
html[data-les-theme="light"] #site-header .desktop-more-menu,
html[data-les-theme="light"] #site-header .mobile-menu-panel {
  background-color: #dce6f1 !important;
  color: #10213a !important;
  border-color: #b8c9db !important;
}

html[data-les-theme="light"] #site-header :is(a,button,.nav-link,.mobile-nav-copy b,.desktop-nav-label) {
  color: #10213a !important;
}
html[data-les-theme="light"] #site-header :is(.mobile-nav-copy small,.desktop-more-menu small) {
  color: #5f7188 !important;
}
html[data-les-theme="light"] #site-header :is(a:hover,a.active,button:hover) {
  color: #b81532 !important;
}

/* Shared page surfaces. Avoid pure white so cards blend with the canvas. */
html[data-les-theme="light"] :is(
  .page-hero,.feature-main,.profile-main,.ll-main,.about-page,.contact-page,
  .stats-page-layout,.team-detail-layout,.team-main-content,.player-page,
  .draft-page,.draft-content,.results-page,.schedule-page,.standings-page,
  .comparison-page,.privacy-page,.photo-credits-page
) {
  background-color: transparent !important;
  color: #10213a !important;
}

html[data-les-theme="light"] :is(
  .feature-card,.profile-card,.profile-help,.profile-hero,.ll-player-card,
  .ll-standing-card,.ll-season,.ll-team-filter,.ll-sort,.ll-early,.ll-view-tabs,
  .contact-form-wrap,.contact-info,.contact-channel,.stats-table-wrap,.radar-card,
  .history-strip,.trend-chart-card,.similar-card,.player-score-block,
  .injury-status-card,.position-rank-card,.career-highs-strip,.game-log-card,
  .home-away-card,.team-quick-fact,.team-results-card,.team-result-row,
  .team-history-item,.team-roster-card,.draft-card,.draft-controls,
  .draft-toolbar,.season-notice,.results-card,.result-card,.schedule-card,
  .game-card,.standings-table-wrap,.conference-card,.compare-card,
  .comparison-card,.credits-card,.credit-row,.pro-card,.fantasy-card
) {
  background: #f4f7fb !important;
  border-color: #c6d3e1 !important;
  color: #10213a !important;
  box-shadow: 0 8px 24px rgba(20,49,82,.07) !important;
}

/* Tables and rows need contrast without becoming stark white slabs. */
html[data-les-theme="light"] :is(table,thead,tbody,tr,th,td) {
  border-color: #c8d5e3 !important;
}
html[data-les-theme="light"] :is(th,.table-inner-header,.stats-key-section,.stats-key-content) {
  background-color: #e8eff6 !important;
  color: #17304f !important;
}
html[data-les-theme="light"] :is(td,.stats-table tbody tr,.standings-table tbody tr) {
  background-color: #f4f7fb !important;
  color: #263b56 !important;
}
html[data-les-theme="light"] :is(tr:nth-child(even) td,.stats-table tbody tr:nth-child(even)) {
  background-color: #eef3f8 !important;
}

/* Sidebars and filters. */
html[data-les-theme="light"] :is(
  .team-sidebar,.team-sidebar-wrap,.stats-sidebar,.filters-sidebar,
  .sidebar-panel,.mobile-team-nav,.sidebar-conf-toggle
) {
  background: #dce6f1 !important;
  border-color: #bfcddd !important;
  color: #17304f !important;
}
html[data-les-theme="light"] :is(
  .team-sidebar-btn,.team-btn,.scf-btn,.filter-btn,.round-tab,.year-nav-btn,
  .jump-btn,.clear-filter-btn,.view-tab,.conf-tab,.sort-btn,.sidebar-toggle-btn,
  .sidebar-show-tab,select,input,textarea
) {
  background: #edf3f8 !important;
  color: #17304f !important;
  border-color: #b9c9da !important;
}
html[data-les-theme="light"] :is(
  .team-sidebar-btn:hover,.team-btn:hover,.scf-btn:hover,.filter-btn:hover,
  .round-tab:hover,.year-nav-btn:hover,.jump-btn:hover,.view-tab:hover
) {
  background: #d6e2ee !important;
  color: #0d2745 !important;
}
html[data-les-theme="light"] :is(
  .team-sidebar-btn.active,.team-btn.active,.scf-btn.active,.filter-btn.active,
  .round-tab.active,.year-nav-btn.active,.view-tab.active,.conf-tab.active
) {
  background: #cbdbea !important;
  color: #10213a !important;
  border-color: #b81532 !important;
}

/* Text colours, including components that used literal white in dark mode. */
html[data-les-theme="light"] :is(
  h1,h2,h3,h4,h5,h6,.section-title,.player-name,.card-name,.team-name,
  .profile-card h3,.ll-title-line h1,.ll-player-top h3,.credit-row strong,
  .credit-row span,.draft-card .card-name,.team-profile-title
) {
  color: #10213a !important;
}
html[data-les-theme="light"] :is(
  p,.section-subtitle,.card-meta,.player-meta,.team-meta,.credit-row-meta,
  .static-fallback-note,.sidebar-section-label,.sidebar-title
) {
  color: #536880 !important;
}

/* Footer should read as part of the same light canvas. */
html[data-les-theme="light"] footer {
  background: #d9e4ef !important;
  border-color: #bdccdc !important;
  color: #536880 !important;
}
html[data-les-theme="light"] footer a {
  color: #17304f !important;
}
html[data-les-theme="light"] footer a:hover {
  color: #b81532 !important;
}

/* Live ticker stays dark for legibility/brand consistency in both themes. */
html[data-les-theme="light"] .live-scores-strip,
html[data-les-theme="light"] .live-scores-strip * {
  color: #fff !important;
}
html[data-les-theme="light"] .live-scores-strip {
  background: #020914 !important;
  border-color: #7d1729 !important;
}

/* Keep links visibly interactive in light mode. */
html[data-les-theme="light"] main a:not(.btn):not(.player-card):not(.team-sidebar-btn):not(.draft-card) {
  color: #1d5d97 !important;
}
html[data-les-theme="light"] main a:hover {
  color: #b81532 !important;
}

/* Global click reliability: decorative layers must never cover real controls. */
footer, footer a,
#credits-list, #credits-list a,
.team-sidebar, .team-sidebar a, .team-sidebar button,
#team-main, #team-main a, #team-main button,
.team-hero-area, .team-hero-area a, .team-hero-area button,
.draft-card, .draft-team-link, .year-nav-btn,
.round-tab, .jump-btn, .season-notice a {
  pointer-events: auto !important;
  position: relative;
  z-index: 2;
}

@media (max-width: 768px) {
  html[data-les-theme="light"] body { background: #e7eef6 !important; }
  html[data-les-theme="light"] :is(.feature-card,.profile-card,.draft-card,.schedule-card,.result-card,.contact-form-wrap,.contact-info) {
    box-shadow: 0 5px 16px rgba(20,49,82,.06) !important;
  }
}