/* Secondary pages: light-mode overrides only. Media elements are untouched. */
html[data-ui-mode="light"] .landing-bg .overlay {
  background: linear-gradient(135deg, hsl(var(--ui-hue) 28% 97% / .92), hsl(var(--ui-hue) 30% 94% / .86));
}
html[data-ui-mode="light"] :is(.landing-fullname, .landing-subtitle) {
  color: var(--ui-text);
  text-shadow: none;
}
html[data-ui-mode="light"] .landing-card {
  background: var(--ui-surface);
  border-color: var(--ui-border);
  box-shadow: 0 12px 36px hsl(var(--ui-hue) 25% 25% / .1);
}
html[data-ui-mode="light"] .landing-card:hover { border-color: var(--ui-accent); }
html[data-ui-mode="light"] .landing-login-label { color: var(--ui-text); }
html[data-ui-mode="light"] .landing-login-input {
  background: var(--ui-input);
  border-color: var(--ui-border);
  color: var(--ui-text);
}
html[data-ui-mode="light"] .landing-login-input::placeholder { color: var(--ui-muted); opacity: 1; }
html[data-ui-mode="light"] .landing-login-input:focus {
  background: var(--ui-input);
  border-color: var(--ui-accent);
  box-shadow: 0 0 0 3px hsl(var(--ui-hue) 45% 45% / .15);
}
html[data-ui-mode="light"] :is(.landing-password-toggle, .landing-auth-switch) { color: var(--ui-muted); }
html[data-ui-mode="light"] .landing-password-toggle:hover { color: var(--ui-text); background: var(--ui-raised); }
html[data-ui-mode="light"] .landing-auth-switch a { color: var(--ui-accent); }
html[data-ui-mode="light"] .landing-auth-switch a:hover { color: var(--ui-text); }
html[data-ui-mode="light"] .landing-code-btn {
  color: var(--ui-text); background: var(--ui-raised); border-color: var(--ui-border);
}
html[data-ui-mode="light"] .landing-code-btn:hover:not(:disabled) { background: var(--ui-surface); border-color: var(--ui-accent); }
html[data-ui-mode="light"] .landing-content :is(button, a):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
html[data-ui-mode="light"] .landing-login-error { color: #b42318; }
html[data-ui-mode="light"] .landing-login-error.is-ok { color: #166534; }

/* Account identity, balances, referral controls, ledger, and pricing. */
html[data-ui-mode="light"] .account-page :is(a, button, summary, input):focus-visible { outline-color: var(--ui-accent); }
html[data-ui-mode="light"] :is(.account-brand span, .account-nav a, .account-creation-grid span,
  .account-share label, .account-referral-stats, .account-rules, .account-pagination,
  .account-empty, .account-loading, .account-pricing summary span, .account-footer-note) { color: var(--ui-muted); }
html[data-ui-mode="light"] .account-brand span { border-color: var(--ui-border); }
html[data-ui-mode="light"] .account-nav a:hover { background: var(--ui-raised); color: var(--ui-text); }
html[data-ui-mode="light"] :is(.account-panel h3, .account-referral-stats strong, .account-button) { color: var(--ui-text); }
html[data-ui-mode="light"] .account-button.is-primary { color: #fff; }
html[data-ui-mode="light"] .account-avatar { background: var(--ui-raised); color: var(--ui-accent); border-color: var(--ui-border); }
html[data-ui-mode="light"] :is(.account-referral-icon, .account-pricing summary::before) { color: var(--ui-accent); }
html[data-ui-mode="light"] .account-divider { background: var(--ui-border); }
html[data-ui-mode="light"] .account-page th { background: var(--ui-raised); color: var(--ui-muted); }
html[data-ui-mode="light"] .account-page td { color: var(--ui-text); border-color: var(--ui-border); }
html[data-ui-mode="light"] .account-page .account-positive { color: #166534 !important; }
html[data-ui-mode="light"] .account-badge { color: #166534; border-color: #86b99a; background: #edf8f0; }
html[data-ui-mode="light"] .account-error { color: #b42318; border-color: #e6a49f; background: #fff1f0; }

/* Scheduler variables stay inside its shell so generic names cannot leak into
   the creation workspace. Role-colored GPU bars retain their distinct hues. */
html[data-ui-mode="light"] .shell {
  --bg: var(--ui-bg);
  --panel: var(--ui-surface);
  --panel-2: var(--ui-raised);
  --line: var(--ui-border);
  --text: var(--ui-text);
  --muted: var(--ui-muted);
  --dim: var(--ui-muted);
  --green: #16734f;
  --amber: #925a0b;
  --blue: var(--ui-accent);
  --violet: #7542bd;
  --red: #b42335;
}
html[data-ui-mode="light"] .shell :is(.summary-card, .panel, .gpu-card) {
  background: var(--ui-surface); border-color: var(--ui-border);
}
html[data-ui-mode="light"] .shell :is(.header-actions button, .header-actions a,
  .gpu-stat, .queue-item, .worker-card, .muted-pill) { background: var(--ui-raised); }
html[data-ui-mode="light"] .shell :is(.header-actions button, .header-actions a):hover { background: var(--ui-surface); border-color: var(--ui-accent); }
html[data-ui-mode="light"] .shell :is(button, a):focus-visible { outline: 2px solid var(--ui-accent); outline-offset: 3px; }
html[data-ui-mode="light"] .shell .bar { background: var(--ui-border); }
html[data-ui-mode="light"] .shell td { color: var(--ui-text); border-color: var(--ui-border); }
html[data-ui-mode="light"] .shell :is(.count-pill, .state) { color: var(--ui-accent); background: var(--ui-raised); }
html[data-ui-mode="light"] .shell .state.succeeded { color: var(--green); background: #edf8f0; }
html[data-ui-mode="light"] .shell :is(.state.failed, .state.cancelled, .state.interrupted, .notice) { color: var(--red); background: #fff1f0; border-color: #e6a49f; }
html[data-ui-mode="light"] .shell .active-task { background: var(--ui-raised); border-color: var(--ui-border); }
html[data-ui-mode="light"] .shell .active-task.idle { background: var(--ui-input); }
html[data-ui-mode="light"] .shell .gpu-index { color: color-mix(in srgb, var(--accent, var(--ui-accent)) 55%, #172033); }