:root { --accent-rgb: 245,102,18; --accent-contrast: #fff; }
html { color-scheme:dark; --scrollbar-track:#070b10; --scrollbar-thumb:color-mix(in srgb,var(--orange,#f56612) 82%,#fff); --scrollbar-thumb-hover:color-mix(in srgb,var(--orange,#f56612) 92%,#fff); scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track); }
html[data-mode="light"] { color-scheme:light; --scrollbar-track:#e7ebef; --scrollbar-thumb:color-mix(in srgb,var(--orange,#f56612) 72%,#4b5563); --scrollbar-thumb-hover:color-mix(in srgb,var(--orange,#f56612) 84%,#374151); }
html::-webkit-scrollbar { width:12px; height:12px; }
html::-webkit-scrollbar-track,html::-webkit-scrollbar-corner { background:var(--scrollbar-track); }
html::-webkit-scrollbar-thumb { min-height:34px; border:3px solid var(--scrollbar-track); border-radius:999px; background:var(--scrollbar-thumb); }
html::-webkit-scrollbar-thumb:hover { background:var(--scrollbar-thumb-hover); }
html::-webkit-scrollbar-button { background-color:var(--scrollbar-track); }
:is(html,body)[data-theme="ruby-red"]{--orange:#FF073A;--accent-rgb:255,7,58}:is(html,body)[data-theme="cranberry"]{--orange:#9B1B30;--accent-rgb:155,27,48}
:is(html,body)[data-theme="blood-orange"]{--orange:#CC4400;--accent-rgb:204,68,0}:is(html,body)[data-theme="tangerine"]{--orange:#FF6D00;--accent-rgb:255,109,0}
:is(html,body)[data-theme="orange"]{--orange:#ff6b35;--accent-rgb:255,107,53}:is(html,body)[data-theme="peach"]{--orange:#FF6F61;--accent-rgb:255,111,97}
:is(html,body)[data-theme="cantaloupe"]{--orange:#FFA36C;--accent-rgb:255,163,108;--accent-contrast:#17191d}:is(html,body)[data-theme="mango"]{--orange:#FFB300;--accent-rgb:255,179,0;--accent-contrast:#17191d}
:is(html,body)[data-theme="banana"]{--orange:#FFE135;--accent-rgb:255,225,53;--accent-contrast:#17191d}:is(html,body)[data-theme="pineapple"]{--orange:#FFFFE6;--accent-rgb:255,255,230;--accent-contrast:#17191d}
:is(html,body)[data-theme="lemon"]{--orange:#ffeb3b;--accent-rgb:255,235,59;--accent-contrast:#17191d}:is(html,body)[data-theme="starfruit"]{--orange:#C6E200;--accent-rgb:198,226,0;--accent-contrast:#17191d}
:is(html,body)[data-theme="kiwi"]{--orange:#76B947;--accent-rgb:118,185,71;--accent-contrast:#101510}:is(html,body)[data-theme="gooseberry"]{--orange:#7A9A6D;--accent-rgb:122,154,109}
:is(html,body)[data-theme="lime"]{--orange:#76ff03;--accent-rgb:118,255,3;--accent-contrast:#101510}:is(html,body)[data-theme="green-apple"]{--orange:#00C853;--accent-rgb:0,200,83;--accent-contrast:#101510}
:is(html,body)[data-theme="honeydew"]{--orange:#00E6A0;--accent-rgb:0,230,160;--accent-contrast:#101510}:is(html,body)[data-theme="blue-raspberry"]{--orange:#00BCD4;--accent-rgb:0,188,212;--accent-contrast:#10151a}
:is(html,body)[data-theme="blue"]{--orange:#3182ce;--accent-rgb:49,130,206}:is(html,body)[data-theme="blueberry"]{--orange:#4F46E5;--accent-rgb:79,70,229}
:is(html,body)[data-theme="acai"]{--orange:#2D1B69;--accent-rgb:45,27,105}:is(html,body)[data-theme="grape"]{--orange:#7C3AED;--accent-rgb:124,58,237}
:is(html,body)[data-theme="purple"]{--orange:#8b5cf6;--accent-rgb:139,92,246}:is(html,body)[data-theme="passion-fruit"]{--orange:#BC13FE;--accent-rgb:188,19,254}
:is(html,body)[data-theme="plum"]{--orange:#8E4585;--accent-rgb:142,69,133}:is(html,body)[data-theme="blackberry"]{--orange:#4A0E4E;--accent-rgb:74,14,78}
:is(html,body)[data-theme="dragonfruit"]{--orange:#FF00BF;--accent-rgb:255,0,191}:is(html,body)[data-theme="watermelon"]{--orange:#FF1493;--accent-rgb:255,20,147}
:is(html,body)[data-theme="pink"]{--orange:#ff1493;--accent-rgb:255,20,147}:is(html,body)[data-theme="guava"]{--orange:#FF85A2;--accent-rgb:255,133,162;--accent-contrast:#21151a}
:is(html,body)[data-theme="lychee"]{--orange:#F0C4D4;--accent-rgb:240,196,212;--accent-contrast:#21191d}:is(html,body)[data-theme="coconut"]{--orange:#D4B896;--accent-rgb:212,184,150;--accent-contrast:#211b15}
:is(html,body)[data-theme="fig"]{--orange:#5C3A2E;--accent-rgb:92,58,46}:is(html,body)[data-theme="midnight"]{--orange:#1a202c;--accent-rgb:26,32,44}
:is(html,body)[data-theme="whiteout"]{--orange:#f7fafc;--accent-rgb:247,250,252;--accent-contrast:#15191d}
body { --orange-light: color-mix(in srgb, var(--orange), white 18%); --orange-dark: color-mix(in srgb, var(--orange), black 20%); --scrollbar-track:#070b10; --scrollbar-thumb:color-mix(in srgb,var(--orange) 82%,#fff); --scrollbar-thumb-hover:color-mix(in srgb,var(--orange) 92%,#fff); scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track); }
body * { scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track); }
body::-webkit-scrollbar,body *::-webkit-scrollbar { width:12px; height:12px; }
body::-webkit-scrollbar-track,body *::-webkit-scrollbar-track,body::-webkit-scrollbar-corner,body *::-webkit-scrollbar-corner { background:var(--scrollbar-track); }
body::-webkit-scrollbar-thumb,body *::-webkit-scrollbar-thumb { min-height:34px; border:3px solid var(--scrollbar-track); border-radius:999px; background:var(--scrollbar-thumb); }
body::-webkit-scrollbar-thumb:hover,body *::-webkit-scrollbar-thumb:hover { background:var(--scrollbar-thumb-hover); }
body::-webkit-scrollbar-button,body *::-webkit-scrollbar-button { background-color:var(--scrollbar-track); }
.primary-button,.navbar-logout:hover,.navbar-logout:focus-visible { color: var(--accent-contrast); }

body[data-mode="light"] {
  color-scheme: light; --bg:#eef1f4; --panel:#fff; --panel-soft:#f5f7f9; --panel-raised:#fff;
  --line:rgba(35,43,54,.18); --line-soft:rgba(35,43,54,.10); --text:#171b21; --muted:#67717e; --muted-bright:#46505d;
  --scrollbar-track:#e7ebef; --scrollbar-thumb:color-mix(in srgb,var(--orange) 72%,#4b5563); --scrollbar-thumb-hover:color-mix(in srgb,var(--orange) 84%,#374151);
  background:radial-gradient(circle at 72% -12%,rgba(var(--accent-rgb),.10),transparent 30rem),var(--bg);
}
body[data-mode="light"] .hero{background:#f7f8fa}body[data-mode="light"] .brand-lockup,body[data-mode="light"] .brand-line{color:#171b21}
body[data-mode="light"] .navbar{background:#fff;border-color:var(--line);box-shadow:0 8px 24px rgba(24,31,40,.07)}
body[data-mode="light"] .navbar>a,body[data-mode="light"] .nav-dropdown-trigger{color:#66717f}body[data-mode="light"] .navbar>a.active,body[data-mode="light"] .nav-dropdown-trigger.active{color:#171b21}
body[data-mode="light"] :is(.league-card,.league-card-compact,.player-filter-panel,.player-results-panel,.team-summary,.team-link-bar,.roster-panel,.transaction-panel,.draft-panel,.drop-panel,.trade-panel,.review-panel,.edit-team-panel,.auth-card,.message-card,.account-card,.manage-panel){background:#fff!important;box-shadow:0 14px 34px rgba(24,31,40,.10),0 0 18px rgba(var(--accent-rgb),.10)}
body[data-mode="light"] :is(.filter-field select,.filter-field input,.filter-picker summary,.picker-options,.picker-search,input,select,textarea){background:#f8fafb;color:#171b21;border-color:var(--line)}
body[data-mode="light"] :is(.picker-options,.nav-dropdown-menu){background:#fff!important;color:#171b21;box-shadow:0 18px 38px rgba(24,31,40,.16)}
body[data-mode="light"] :is(.roster-table,.player-table,table){color:var(--text)}body[data-mode="light"] :is(th,td){border-color:var(--line-soft)}
body[data-mode="light"] :is(.page-header h1,.message-card h1,.auth-heading h1,.league-copy strong,.account-title,.manage-title){color:#171b21}
body[data-mode="light"] :is(.position-pill,.badge,.secondary-button){background:#f5f7f9;color:#3f4956;border-color:var(--line)}
body[data-mode="light"] .logo-watermark{opacity:.08}body[data-mode="light"] .grave-letter{--brand-letter-color:#171b21}body[data-mode="light"] .grave-letter,body[data-mode="light"] .brand-text-piece,body[data-mode="light"] .brand-death{color:#171b21}
body[data-mode="light"] .logo-watermark-label{color:#171b21;text-shadow:none}
body[data-mode="light"] .create-league-card{border-color:rgba(var(--accent-rgb),.24);background:linear-gradient(145deg,#fff,#f7f9fb)!important;box-shadow:0 16px 38px rgba(24,31,40,.1),0 0 22px rgba(var(--accent-rgb),.1),inset 0 1px 0 rgba(255,255,255,.9)}
body[data-mode="light"] .create-league-card:hover{border-color:rgba(var(--accent-rgb),.56);box-shadow:0 20px 44px rgba(24,31,40,.14),0 0 28px rgba(var(--accent-rgb),.18),inset 0 1px 0 #fff}

/* Shared light-mode surfaces */
body[data-mode="light"] :is(
  .summary-card,
  .share-panel,
  .selected-draft-panel,
  .draft-submit-panel,
  .trade-matchup,
  .trade-roster-panel,
  .trade-summary,
  .review-section,
  .settings-panel,
  .roster-toolbar,
  .roster-team-panel,
  .transaction-filter-panel,
  .transaction-results
) {
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(24,31,40,.10), 0 0 18px rgba(var(--accent-rgb),.10);
}
body[data-mode="light"] :is(
  .setting-block,
  .avatar-control,
  .preference-card,
  .review-trade-card,
  .review-player,
  .transaction-column,
  .compact-transaction-card,
  .selected-player-chip,
  .player-details-content
) {
  background: #f8fafb !important;
}
body[data-mode="light"] .history-move {
  background: #fff !important;
  color: var(--text);
}
body[data-mode="light"] .player-facts dd {
  color: var(--text);
}
body[data-mode="light"] .trade-player:hover,
body[data-mode="light"] .preference-card:hover {
  background: color-mix(in srgb, #f8fafb, var(--orange) 5%) !important;
}
body[data-mode="light"] .trade-player.is-selected,
body[data-mode="light"] .selectable-player-row.is-selected,
body[data-mode="light"] .preference-card.is-selected {
  background: rgba(var(--accent-rgb),.08) !important;
}
body[data-mode="light"] .filter-field select option{background:#fff;color:#cbd0d8}body[data-mode="light"] .filter-field select option:checked{background:#fff;color:var(--orange)}
body[data-mode="light"] :is(.account-tabs-select,.league-admin-tabs-select) option{background:#fff;color:#cbd0d8}body[data-mode="light"] :is(.account-tabs-select,.league-admin-tabs-select) option:checked{background:#fff;color:var(--orange)}
body[data-mode="light"] .settings-field select option{background:#fff;color:#cbd0d8}body[data-mode="light"] .settings-field select option:checked{background:#fff;color:var(--orange)}
body[data-mode="light"] :is(.form-grid select,.roster-team-select select) option{background:#fff;color:#cbd0d8}body[data-mode="light"] :is(.form-grid select,.roster-team-select select) option:checked{background:#fff;color:var(--orange)}
body[data-mode="light"] .filter-control select option{background:#fff;color:#cbd0d8}body[data-mode="light"] .filter-control select option:checked{background:#fff;color:var(--orange)}
body[data-mode="light"] .trade-matchup select option{background:#fff;color:#cbd0d8}body[data-mode="light"] .trade-matchup select option:checked{background:#fff;color:var(--orange)}