/* GENERATED by scripts/build-light-theme.js (source 2e77657619d59e23). Do not edit by hand:
   change scripts/light-theme-palette.json, the generator, or add corrections to styles/theme-light-manual.css. */

html[data-theme-mode="light"] {
  color-scheme: light;
  --gold-rgb: 15, 122, 224;
  --gold-light-rgb: 10, 75, 128;
  --gold-bright-rgb: 98, 182, 255;
  --gold-dark-rgb: 156, 196, 232;
  --player-accent-rgb: 15, 122, 224;
}

/* accent-picker.css */
html[data-theme-mode="light"] .accent-swatch {
  box-shadow: inset 0 0 0 1px var(--ds-border, rgba(20, 60, 105, 0.2));
}
html[data-theme-mode="light"] .accent-swatch:has(input:checked) {
  border-color: var(--ds-border-strong, rgba(20, 60, 105, 0.58));
  box-shadow: 0 0 0 3px rgba(20, 60, 105, 0.28);
}

/* base.css */
html[data-theme-mode="light"] {
  --soft: #eef3f9;
  --ink: #0d1b2a;
  --cream: #0850a6;
  --muted: #385674;
  --silver-light: #385674;
  --gold: #0a5398;
  --gold-light: #0a4b80;
  --gold-bright: #00529a;
  --gold-dark: #9cc4e8;
  --gold-deep: #d2dee9;
  --line: rgba(20, 60, 105, 0.3);
  --finished: #135f39;
  --shadow: 0 20px 60px rgba(15, 40, 70, 0.234);
  --ds-page: #eef3f9;
  --ds-surface-0: rgba(255, 255, 255, 0.95);
  --ds-surface-1: rgba(255, 255, 255, 0.95);
  --ds-surface-2: rgba(255, 255, 255, 0.95);
  --ds-glass: rgba(20, 60, 105, 0.09);
  --ds-border: rgba(20, 60, 105, 0.2);
  --ds-border-strong: rgba(20, 60, 105, 0.58);
  --ds-text: #0d1b2a;
  --ds-text-muted: #385674;
  --ds-shadow: 0 24px 70px rgba(15, 40, 70, 0.171);
  --ds-shadow-soft: 0 12px 32px rgba(15, 40, 70, 0.108);
  --ds-card-bg: #ffffff;
  --ds-border-hairline: rgba(20, 60, 105, 0.13);
  --danger: #9b2740;
  --danger-bg: rgba(20, 60, 105, 0.13);
  --danger-bg-strong: rgba(20, 60, 105, 0.3);
  --danger-border: rgba(20, 60, 105, 0.36);
  --warning: #654e0c;
  --warning-bg: rgba(144, 109, 0, 0.16);
  --text-secondary: #3c5470;
  --text-dim: #445463;
}
html[data-theme-mode="light"] body {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.82),
      rgba(255, 255, 255, 0.95)),
    url("../assets/backgrounds/bg_img-1600.jpg") center top / cover fixed,
    var(--soft);
}
html[data-theme-mode="light"] body.workspace-active,
html[data-theme-mode="light"] body.setup-active {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0.95)),
    linear-gradient(90deg,
      rgba(3, 16, 34, 0.135),
      rgba(255, 255, 255, 0.86)),
    url("../assets/backgrounds/bg_img-1600.jpg") center bottom / auto 150% fixed,
    var(--soft);
}
html[data-theme-mode="light"] input,
html[data-theme-mode="light"] textarea,
html[data-theme-mode="light"] select {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.045),
      rgba(var(--gold-light-rgb), 0.018)),
    rgba(255, 255, 255, 0.84);
}
html[data-theme-mode="light"] select {
  background: linear-gradient(45deg,
      transparent 50%,
      var(--gold-light) 50%) calc(100% - 18px) 50% / 7px 7px no-repeat,

    linear-gradient(135deg,
      var(--gold-light) 50%,
      transparent 50%) calc(100% - 13px) 50% / 7px 7px no-repeat,

    rgba(255, 255, 255, 0.84);
}

/* components-v2.css */
html[data-theme-mode="light"] .ds-btn-primary {
  box-shadow: 0 10px 26px rgba(27, 84, 131, 0.4);
}
html[data-theme-mode="light"] .ds-btn-secondary {
  background: linear-gradient(180deg, rgba(20, 60, 105, 0.1), rgba(20, 60, 105, 0.38));
}
html[data-theme-mode="light"] .ds-btn-ghost {
  background: linear-gradient(180deg, rgba(20, 60, 105, 0), rgba(20, 60, 105, 0.32));
}
html[data-theme-mode="light"] .ds-avatar-gem-inner {
  background: #ffffff;
  color: color-mix(in srgb, var(--player-accent-light, #4fa8ff) 38%, #0d1b2a);
}
html[data-theme-mode="light"] .ds-pill-finished {
  background: rgba(20, 60, 105, 0.13);
}

/* components.css */
html[data-theme-mode="light"] .status-pill,
html[data-theme-mode="light"] .share-box {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.04),
      rgba(255, 255, 255, 0.88));
}
html[data-theme-mode="light"] .status-pill {
  color: #125e36;
}
html[data-theme-mode="light"] .status-pill.offline {
  border-color: rgba(13, 27, 42, 0.294);
  color: #475466;
}
html[data-theme-mode="light"] .status-pill[data-status="error"] {
  border-color: rgba(131, 46, 42, 0.7);
  color: #a60914;
}
html[data-theme-mode="light"] .status-pill[data-status="disconnected"] {
  border-color: rgba(131, 46, 42, 0.48);
  color: #a60914;
}
html[data-theme-mode="light"] .join-preview {
  background: linear-gradient(135deg,
      rgba(var(--gold-rgb), 0.10),
      transparent 52%),
    rgba(255, 255, 255, 0.72);
}
html[data-theme-mode="light"] .checkbox-card {
  background: linear-gradient(135deg,
      rgba(var(--gold-rgb), 0.09),
      transparent 52%),
    rgba(255, 255, 255, 0.68);
}
html[data-theme-mode="light"] .qr-card img {
  box-shadow: 0 12px 28px rgba(15, 40, 70, 0.144);
}
html[data-theme-mode="light"] .saved-tournament-item {
  background: rgba(255, 255, 255, 0.66);
}
html[data-theme-mode="light"] .intro {
  background: linear-gradient(90deg,
      rgba(3, 16, 34, 0.198),
      rgba(255, 255, 255, 0.66)),
    linear-gradient(180deg,
      rgba(3, 16, 34, 0.081),
      rgba(3, 16, 34, 0.216)),
    transparent;
  box-shadow: 0 30px 80px rgba(15, 40, 70, 0.261);
}
html[data-theme-mode="light"] .intro::before {
  background: linear-gradient(90deg,
      rgba(5, 21, 43, 0.135),
      transparent 26%,
      transparent 72%,
      rgba(5, 21, 43, 0.117)),
    radial-gradient(circle at 50% 46%,
      rgba(5, 21, 43, 0.063),
      transparent 32rem);
}
html[data-theme-mode="light"] .hero-logo-wordmark {
  filter: drop-shadow(0 14px 24px rgba(255, 255, 255, 0.6));
}
html[data-theme-mode="light"] .landing-cta {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.14),
      transparent 28%),
    linear-gradient(135deg,
      #d8efff 0%,
      #62b6ff 32%,
      #4fa8ff 62%,
      #236ca8 100%);
  color: #03101d;
  text-shadow: none;
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.406),
    inset 0 -2px 0 rgba(var(--gold-dark-rgb), 0.52),
    0 16px 38px rgba(15, 40, 70, 0.162),
    0 6px 18px rgba(var(--gold-rgb), 0.20);
}
html[data-theme-mode="light"] .landing-cta:hover {
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.476),
    inset 0 -2px 0 rgba(var(--gold-dark-rgb), 0.44),
    0 19px 42px rgba(15, 40, 70, 0.171),
    0 8px 24px rgba(var(--gold-rgb), 0.28);
}
html[data-theme-mode="light"] .landing-cta-secondary {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.16),
      rgba(var(--gold-dark-rgb), 0.08)),
    rgba(255, 255, 255, 0.9);
  text-shadow: none;
}
html[data-theme-mode="light"] .intro-copy p {
  text-shadow: none;
}
html[data-theme-mode="light"] .landing-developer-logo {
  box-shadow: 0 16px 38px rgba(15, 40, 70, 0.135);
}
html[data-theme-mode="light"] .footer-brand-logo {
  filter: drop-shadow(0 8px 16px rgba(20, 60, 105, 0.22));
}
html[data-theme-mode="light"] .footer-developer-logo {
  filter: drop-shadow(0 8px 16px rgba(20, 60, 105, 0.18));
}
html[data-theme-mode="light"] .landing-badge {
  filter: drop-shadow(0 18px 42px rgba(255, 255, 255, 0.5));
}
html[data-theme-mode="light"] .admin-subtabs {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.07),
      transparent 42%),
    rgba(255, 255, 255, 0.92);
  box-shadow: inset 0 1px 0 rgba(var(--gold-light-rgb), 0.12),
    inset 0 -1px 0 rgba(var(--gold-rgb), 0.09),
    0 14px 34px rgba(15, 40, 70, 0.126);
}
html[data-theme-mode="light"] .panel,
html[data-theme-mode="light"] .next-match {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.075),
      rgba(var(--gold-light-rgb), 0.014) 50%),
    linear-gradient(135deg,
      rgba(var(--gold-rgb), 0.10),
      transparent 44%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .cup-bracket-slot {
  background: rgba(255, 255, 255, 0.68);
}
html[data-theme-mode="light"] .cup-bracket-slot.finished {
  border-color: rgba(49, 122, 77, 0.55);
}
html[data-theme-mode="light"] .profile-history-list>li {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.07),
      rgba(0, 0, 0, 0.045)),
    rgba(255, 255, 255, 0.64);
}
html[data-theme-mode="light"] .status-grid>div,
html[data-theme-mode="light"] .round-summary>div,
html[data-theme-mode="light"] .profile-stat-grid>div {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.07),
      rgba(0, 0, 0, 0.045)),
    rgba(255, 255, 255, 0.64);
}
html[data-theme-mode="light"] .live-overview {
  background: linear-gradient(135deg,
      rgba(var(--gold-rgb), 0.16),
      transparent 55%),
    rgba(255, 255, 255, 0.68);
}
html[data-theme-mode="light"] .tournament-assistant {
  background: rgba(255, 255, 255, 0.6);
}
html[data-theme-mode="light"] .tournament-assistant .assistant-error {
  color: #aa0912;
}
html[data-theme-mode="light"] .overview-stats>div {
  background: rgba(5, 21, 43, 0.189);
}
html[data-theme-mode="light"] .primary {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.16),
      transparent 32%),
    linear-gradient(135deg,
      #d8efff,
      #62b6ff 35%,
      #4fa8ff 68%,
      #236ca8);
  color: #03101d;
  text-shadow: none;
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.266),
    inset 0 -1px 0 rgba(var(--gold-dark-rgb), 0.52),
    0 10px 26px rgba(var(--gold-rgb), 0.24);
}
html[data-theme-mode="light"] .primary:not(:disabled):hover {
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.322),
    inset 0 -1px 0 rgba(var(--gold-dark-rgb), 0.46),
    0 13px 30px rgba(var(--gold-rgb), 0.32);
}
html[data-theme-mode="light"] .secondary {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.16),
      rgba(var(--gold-dark-rgb), 0.08)),
    rgba(255, 255, 255, 0.88);
  text-shadow: none;
}
html[data-theme-mode="light"] .secondary:not(:disabled):hover {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.23),
      rgba(var(--gold-dark-rgb), 0.12)),
    rgba(255, 255, 255, 0.92);
}
html[data-theme-mode="light"] .ghost {
  background: rgba(5, 21, 43, 0.198);
}

/* create-wizard.css */
html[data-theme-mode="light"] .wizard-progress-bar {
  background: var(--ds-border, rgba(20, 60, 105, 0.2));
}
html[data-theme-mode="light"] .wizard-step-label {
  color: var(--ui-muted, #415469);
}
html[data-theme-mode="light"] .format-option {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.2));
  background: var(--ds-surface-1, rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .format-option:has(input:checked) {
  border-color: var(--ds-border-strong, rgba(20, 60, 105, 0.58));
  background: linear-gradient(150deg, rgba(20, 60, 105, 0.22), rgba(20, 60, 105, 0.06));
  color: var(--gold-bright, #00529a);
}
html[data-theme-mode="light"] .wizard-summary li {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.2));
}
html[data-theme-mode="light"] .wizard-summary li span {
  color: var(--ui-muted, #415469);
}

/* feedback.css */
html[data-theme-mode="light"] .feedback-beta {
  border: 1px solid var(--ds-border-strong, rgba(20, 60, 105, 0.58));
}
html[data-theme-mode="light"] .feedback-error {
  color: var(--danger, #ab0909);
}
html[data-theme-mode="light"] .feedback-thanks {
  color: var(--success, #1c5e41);
}

/* info-dialog.css */
html[data-theme-mode="light"] .info-dialog {
  background: #eff2f9;
}
html[data-theme-mode="light"] .info-dialog::backdrop {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme-mode="light"] .info-dialog-frame {
  background: #eff2f9;
}

/* invite-code-input.css */
html[data-theme-mode="light"] .invite-code-cell {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.2));
  background: var(--ds-surface-1, rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .invite-code-cell:focus {
  border-color: var(--ds-border-strong, rgba(20, 60, 105, 0.58));
}
html[data-theme-mode="light"] .invite-code-cell:not(:placeholder-shown) {
  border-color: var(--ds-border-strong, rgba(20, 60, 105, 0.58));
  color: var(--gold-bright, #00529a);
}

/* layout.css */
html[data-theme-mode="light"] .topbar {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.9),
      rgba(255, 255, 255, 0.95));
  box-shadow: 0 18px 42px rgba(15, 40, 70, 0.162);
}
html[data-theme-mode="light"] .app-menu-toggle {
  border: 1px solid rgba(20, 60, 105, 0.26);
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 28px rgba(15, 40, 70, 0.117);
}
html[data-theme-mode="light"] .app-menu-toggle span {
  box-shadow: 0 0 8px rgba(20, 60, 105, 0.42);
}
html[data-theme-mode="light"] .app-menu .module-link {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.035),
      rgba(0, 0, 0, 0.063));
}
html[data-theme-mode="light"] .brand-logo {
  filter: drop-shadow(0 10px 18px rgba(20, 60, 105, 0.24));
}

/* lobby.css */
html[data-theme-mode="light"] .lobby-header .eyebrow {
  color: var(--gold-bright, #00529a);
}
html[data-theme-mode="light"] .lobby-players-card {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.2));
  background: var(--ds-surface-1, rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .lobby-courts-card {
  border: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
  background: var(--ds-surface-1, rgba(13, 27, 42, 0.021));
}
html[data-theme-mode="light"] .lobby-invite-card {
  border: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
  background: var(--ds-surface-1, rgba(13, 27, 42, 0.021));
}

/* modules.css */
html[data-theme-mode="light"] .compact-list li,
html[data-theme-mode="light"] .standings li {
  background: linear-gradient(180deg,
      rgba(var(--gold-rgb), 0.06),
      rgba(0, 0, 0, 0.041)),
    rgba(255, 255, 255, 0.66);
}
html[data-theme-mode="light"] .player-name-badge,
html[data-theme-mode="light"] .team-player-badge {
  text-shadow: none;
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.196),
    0 8px 18px rgba(var(--player-accent-rgb), 0.24);
}
html[data-theme-mode="light"] .player-name-badge small {
  color: rgba(13, 27, 42, 0.704);
}
html[data-theme-mode="light"] .join-source-chip {
  background: rgba(5, 21, 43, 0.189);
}
html[data-theme-mode="light"] .player-identity-card {
  background: linear-gradient(135deg,
      rgba(var(--player-accent-rgb), 0.18),
      transparent 54%),
    rgba(5, 21, 43, 0.198);
}
html[data-theme-mode="light"] .danger-button {
  border: 1px solid rgba(131, 46, 42, 0.38);
  background: rgba(131, 46, 42, 0.12);
  color: #9a2a24;
}
html[data-theme-mode="light"] .avatar {
  box-shadow: 0 0 0 2px rgba(var(--player-accent-rgb), 0.18),
    0 6px 16px rgba(15, 40, 70, 0.099);
}
html[data-theme-mode="light"] .match-card {
  background: linear-gradient(135deg,
      rgba(var(--gold-rgb), 0.12),
      transparent 42%),
    rgba(255, 255, 255, 0.72);
}
html[data-theme-mode="light"] .tennis-scoreboard>div {
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme-mode="light"] .match-finished {
  border-color: rgba(49, 122, 77, 0.42);
}
html[data-theme-mode="light"] .match-status.finished,
html[data-theme-mode="light"] .status-chip.finished {
  border-color: rgba(20, 60, 105, 0.28);
  background: rgba(20, 60, 105, 0.13);
}
html[data-theme-mode="light"] .offline-pending-chip {
  border-color: rgba(20, 60, 105, 0.4);
  background: rgba(20, 60, 105, 0.14);
  color: var(--gold-bright, #654e0c);
}
html[data-theme-mode="light"] .match-status.waiting,
html[data-theme-mode="light"] .status-chip.waiting {
  border-color: rgba(20, 60, 105, 0.34);
  background: rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] .player-buttons button,
html[data-theme-mode="light"] .existing-player-button {
  background: linear-gradient(180deg,
      rgba(var(--player-accent-rgb), 0.16),
      rgba(var(--gold-light-rgb), 0.045)),
    rgba(255, 255, 255, 0.62);
}
html[data-theme-mode="light"] .player-buttons button.active {
  text-shadow: none;
}
html[data-theme-mode="light"] .next-match {
  background: linear-gradient(160deg,
      rgba(var(--gold-bright-rgb), 0.28),
      rgba(var(--gold-rgb), 0.10)),
    #f6f0ec;
  color: #15191e;
}
html[data-theme-mode="light"] .next-match .eyebrow,
html[data-theme-mode="light"] .next-match p {
  color: rgba(13, 27, 42, 0.72);
}
html[data-theme-mode="light"] .next-match-summary {
  color: rgba(13, 27, 42, 0.72);
}
html[data-theme-mode="light"] .court-queue {
  border-top: 1px solid rgba(20, 60, 105, 0.18);
}
html[data-theme-mode="light"] .court-queue-court {
  border: 1px solid rgba(20, 60, 105, 0.16);
  background: rgba(4, 15, 29, 0.171);
}
html[data-theme-mode="light"] .court-queue-team {
  color: color-mix(in srgb, var(--player-accent-light, #4fa8ff) 38%, #0d1b2a);
}
html[data-theme-mode="light"] .court-queue-next {
  border-top: 1px solid rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] .match-conflict {
  color: #7f4306;
  background: rgba(131, 71, 23, 0.2);
}
html[data-theme-mode="light"] .result-submission {
  background: rgba(13, 27, 42, 0.021);
}
html[data-theme-mode="light"] .result-submission.is-conflict {
  border-color: rgba(20, 60, 105, 0.7);
}
html[data-theme-mode="light"] .tv-mode {
  background: #f1f5f9;
}
html[data-theme-mode="light"] .tv-mode .tv-mode-logo {
  filter: drop-shadow(0 8px 16px rgba(15, 40, 70, 0.17));
}
html[data-theme-mode="light"] .tv-mode .tv-mode-wordmark {
  filter: drop-shadow(0 8px 16px rgba(15, 40, 70, 0.17));
}
html[data-theme-mode="light"] .tv-mode #tvModeButton {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme-mode="light"] .player-now-grid>div,
html[data-theme-mode="light"] .rules-list>div {
  background: rgba(5, 21, 43, 0.198);
}
html[data-theme-mode="light"] .score-dialog::backdrop {
  background: rgba(255, 255, 255, 0.76);
}
html[data-theme-mode="light"] .install-modal::backdrop {
  background: rgba(255, 255, 255, 0.76);
}
html[data-theme-mode="light"] .privacy-document {
  background: linear-gradient(180deg,
      rgba(var(--gold-light-rgb), 0.08),
      rgba(var(--gold-light-rgb), 0.025) 32%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .privacy-document p {
  color: rgba(20, 60, 105, 0.86);
}
html[data-theme-mode="light"] .large-score-dialog::backdrop {
  background: rgba(255, 255, 255, 0.84);
}
html[data-theme-mode="light"] .large-score-surface {
  background: radial-gradient(circle at 16% 10%,
      rgba(var(--player-accent-rgb), 0.28),
      transparent 30rem),
    radial-gradient(circle at 84% 90%,
      rgba(var(--gold-bright-rgb), 0.18),
      transparent 28rem),
    linear-gradient(145deg,
      #f6f0eb 0%,
      #faf7f5 100%);
}
html[data-theme-mode="light"] .large-score-team strong {
  text-shadow: none;
}
html[data-theme-mode="light"] .large-score-team small {
  background: rgba(255, 255, 255, 0.72);
}

/* notification-center.css */
html[data-theme-mode="light"] .notification-bell {
  border: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
  color: var(--text-secondary, #3c5470);
}
html[data-theme-mode="light"] .notification-bell:hover,
html[data-theme-mode="light"] .notification-bell:focus-visible {
  color: var(--gold-bright, #6c4f0c);
  border-color: var(--gold-bright, #c48e15);
}
html[data-theme-mode="light"] .notification-bell-badge {
  background: #62b6ff;
}
html[data-theme-mode="light"] .notification-dialog {
  border: 1px solid var(--ds-border-strong, rgba(20, 60, 105, 0.58));
  background: #e8edf5;
}
html[data-theme-mode="light"] .notification-dialog::backdrop {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme-mode="light"] .notification-item button {
  border: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
  background: rgba(13, 27, 42, 0.021);
}
html[data-theme-mode="light"] .notification-item.is-unread button {
  border-left-color: var(--gold-bright, #c48e15);
  background: color-mix(in srgb, var(--gold-bright, #c48e15) 10%, transparent);
}
html[data-theme-mode="light"] body[data-theme="classic"] input.switch {
  border: 1px solid var(--ds-border-strong, rgba(20, 60, 105, 0.35));
  background: rgba(13, 27, 42, 0.056);
}
html[data-theme-mode="light"] body[data-theme="classic"] input.switch::after {
  background: #3c5470;
}
html[data-theme-mode="light"] body[data-theme="classic"] input.switch:checked {
  border-color: var(--ui-blue-soft, #0c7ee5);
  background: color-mix(in srgb, var(--ui-blue-soft, #0c7ee5) 32%, transparent);
}
html[data-theme-mode="light"] body[data-theme="classic"] input.switch:checked::after {
  background: var(--ui-blue-soft, #0c7ee5);
}
html[data-theme-mode="light"] body[data-theme="classic"] input.switch:focus-visible {
  outline: 2px solid var(--ui-blue-soft, #0c7ee5);
}

/* podium.css */
html[data-theme-mode="light"] .podium-header .eyebrow {
  color: var(--gold-bright, #00529a);
}
html[data-theme-mode="light"] .podium-trophy {
  filter: drop-shadow(0 8px 20px rgba(255, 255, 255, 0.5));
}
html[data-theme-mode="light"] .podium-header p#podiumStats {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .podium-points {
  color: var(--gold-bright, #00529a);
}
html[data-theme-mode="light"] .podium-plinth {
  background: linear-gradient(180deg, rgba(20, 60, 105, 0.28), rgba(20, 60, 105, 0.08));
}

/* privacy.css */
html[data-theme-mode="light"] body:has(.privacy-page) {
  color: var(--ui-ink, #0d1b2a);
  background: radial-gradient(circle at 50% -10%, rgba(20, 60, 105, 0.14), transparent 32rem),
    linear-gradient(180deg, #eff2f9 0%, #e8edf5 56%, #f3f5fa 100%) !important;
  background-color: #eff2f9 !important;
}
html[data-theme-mode="light"] .privacy-header {
  border: 1px solid var(--ui-line, rgba(20, 60, 105, 0.42));
  background: rgba(255, 255, 255, 0.95);
  box-shadow: var(--ui-shadow, 0 16px 36px rgba(15, 40, 70, 0.108));
}
html[data-theme-mode="light"] .privacy-back-link,
html[data-theme-mode="light"] .privacy-document a {
  color: var(--ui-ink, #0d1b2a);
  text-decoration-color: var(--ui-blue-soft, #085397);
}
html[data-theme-mode="light"] .privacy-language {
  color: var(--ui-muted, #415469);
}
html[data-theme-mode="light"] .privacy-language select {
  border: 1px solid var(--ui-line, rgba(20, 60, 105, 0.42));
  background: rgba(255, 255, 255, 0.88);
  color: var(--ui-ink, #0d1b2a);
}
html[data-theme-mode="light"] .privacy-document {
  border: 1px solid var(--ui-line, rgba(20, 60, 105, 0.42));
  background: linear-gradient(145deg, rgba(14, 85, 144, 0.12), transparent 42%), rgba(255, 255, 255, 0.95);
  box-shadow: var(--ui-shadow, 0 16px 36px rgba(15, 40, 70, 0.108));
}
html[data-theme-mode="light"] .privacy-document .eyebrow {
  color: var(--ui-blue-soft, #085397);
}
html[data-theme-mode="light"] .privacy-document h1,
html[data-theme-mode="light"] .privacy-document h2 {
  color: var(--ui-ink, #0d1b2a);
}
html[data-theme-mode="light"] .privacy-document p {
  color: var(--ui-muted, #415469);
}
html[data-theme-mode="light"] html.embedded .embedded-close {
  border: 1px solid var(--ds-border-strong, rgba(13, 27, 42, 0.196));
  background: rgba(255, 255, 255, 0.95);
  color: var(--text-primary, #0d1b2a);
}
html[data-theme-mode="light"] html.embedded .embedded-close:hover,
html[data-theme-mode="light"] html.embedded .embedded-close:focus-visible {
  border-color: var(--gold-bright, #c48e15);
  color: var(--gold-bright, #6c4f0c);
}

/* responsive.css */
@media (max-width: 900px) {
  html[data-theme-mode="light"] .menu-drawer {
    border: 1px solid rgba(20, 60, 105, 0.2);
    background: rgba(255, 255, 255, 0.95);
  }
}

/* scoreboard-table.css */
html[data-theme-mode="light"] .scoreboard-table thead th {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .scoreboard-row {
  background: linear-gradient(150deg, rgba(var(--player-accent-rgb), 0.16), rgba(255, 255, 255, 0.8) 70%);
}
html[data-theme-mode="light"] .scoreboard-team-name {
  color: color-mix(in srgb, var(--player-accent-light, #4fa8ff) 38%, #0d1b2a);
}
html[data-theme-mode="light"] .scoreboard-point-minus,
html[data-theme-mode="light"] .scoreboard-point-plus {
  color: color-mix(in srgb, var(--player-accent-light, #4fa8ff) 38%, #0d1b2a);
}

/* scorer-panel.css */
html[data-theme-mode="light"] .scorer-panel {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.2));
  background: var(--ds-surface-1, rgba(255, 255, 255, 0.7));
}
html[data-theme-mode="light"] .scorer-status strong {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .scorer-request {
  color: var(--gold-bright, #00529a);
}
html[data-theme-mode="light"] .approval-panel {
  border: 1px solid var(--ds-border-strong, rgba(20, 60, 105, 0.58));
  background: linear-gradient(150deg, rgba(20, 60, 105, 0.14), rgba(255, 255, 255, 0.6));
}
html[data-theme-mode="light"] .approval-panel.approval-flagged {
  border-color: var(--danger, #ac2126);
  background: linear-gradient(150deg, rgba(20, 60, 105, 0.16), rgba(255, 255, 255, 0.6));
}
html[data-theme-mode="light"] .approval-status {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .approval-badge-flagged {
  color: var(--danger, #ab0909);
}
html[data-theme-mode="light"] .approval-badge-escalated {
  color: var(--warning, #6e4c0e);
}
html[data-theme-mode="light"] .approval-note {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .match-timer {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.3));
}
html[data-theme-mode="light"] .match-timer-warning {
  border-color: var(--warning, #c08518);
  color: var(--warning, #6e4c0e);
}
html[data-theme-mode="light"] .match-timer-expired {
  border-color: var(--danger, #f31818);
  color: var(--danger, #ab0909);
}
html[data-theme-mode="light"] .match-timer-ended {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .correction-sets {
  border: 1px solid var(--ds-border, rgba(20, 60, 105, 0.25));
}
html[data-theme-mode="light"] .correction-set > span:first-child {
  color: var(--ui-muted, #3c5470);
}
html[data-theme-mode="light"] .correction-level-dot {
  background: var(--ui-muted, #517298);
}
html[data-theme-mode="light"] .correction-level-green .correction-level-dot,
html[data-theme-mode="light"] .correction-level-dot.correction-level-green {
  background: #2a8d61;
}
html[data-theme-mode="light"] .correction-level-yellow .correction-level-dot,
html[data-theme-mode="light"] .correction-level-dot.correction-level-yellow {
  background: #c0a018;
}
html[data-theme-mode="light"] .correction-level-orange .correction-level-dot,
html[data-theme-mode="light"] .correction-level-dot.correction-level-orange {
  background: #bf6618;
}
html[data-theme-mode="light"] .correction-level-red .correction-level-dot,
html[data-theme-mode="light"] .correction-level-dot.correction-level-red {
  background: #ea0c0c;
}
html[data-theme-mode="light"] .correction-error {
  color: var(--danger, #ab0909);
}
html[data-theme-mode="light"] .withdrawal-panel {
  border: 1px solid var(--ds-border-strong, rgba(13, 27, 42, 0.154));
  border-left: 4px solid var(--gold-bright, #c48e15);
  background: color-mix(in srgb, var(--gold-bright, #c48e15) 10%, transparent);
}
html[data-theme-mode="light"] .match-status.awaitingWithdrawalDecision {
  color: var(--gold-bright, #6c4f0c);
}

/* settings-rows.css */
html[data-theme-mode="light"] .settings-group {
  background: rgba(255, 255, 255, 0.6);
}

/* styles.css */
html[data-theme-mode="light"] body[data-theme="classic"] .workspace,
html[data-theme-mode="light"] body[data-theme="classic"] .setup-panel {
  border-color: rgba(20, 60, 105, 0.2);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95)),
    #eef3f9;
  box-shadow: 0 24px 70px rgba(15, 40, 70, 0.171);
}
html[data-theme-mode="light"] body[data-theme="classic"] {
  --background: #eef3f9;
  --surface: rgba(255, 255, 255, 0.95);
  --surface-secondary: rgba(255, 255, 255, 0.95);
  --surface-elevated: rgba(255, 255, 255, 0.95);
  --surface-glass: rgba(20, 60, 105, 0.09);
  --text-primary: #0d1b2a;
  --text-secondary: #385674;
  --text-muted: #385674;
  --accent: #0a5398;
  --accent-hover: #00529a;
  --border-subtle: rgba(20, 60, 105, 0.2);
  --gold: #0a5398;
  --gold-light: #0a4b80;
  --gold-bright: #00529a;
  --gold-dark: #9cc4e8;
  --gold-deep: #d2dee9;
  --line: rgba(20, 60, 105, 0.3);
  --ink: #0d1b2a;
  --cream: #0850a6;
  --muted: #385674;
  --live: #ee0d24;
  --player-accent: #0a5398;
  --player-accent-light: #0a4b80;
  --player-accent-dark: #9cc4e8;
}
html[data-theme-mode="light"] body[data-theme="classic"] {
  background: radial-gradient(circle at 76% -8%, rgba(20, 60, 105, 0.16), transparent 34rem),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.95)),
    url("../assets/backgrounds/bg_img-1600.jpg") center top / cover fixed;
}
html[data-theme-mode="light"] body[data-theme="classic"] .topbar,
html[data-theme-mode="light"] body[data-theme="classic"] .workspace-header,
html[data-theme-mode="light"] body[data-theme="classic"] .panel,
html[data-theme-mode="light"] body[data-theme="classic"] .next-match,
html[data-theme-mode="light"] body[data-theme="classic"] .setup-card,
html[data-theme-mode="light"] body[data-theme="classic"] .match-card,
html[data-theme-mode="light"] body[data-theme="classic"] .intro {
  border-color: rgba(20, 60, 105, 0.2);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.1), transparent 44%),
    rgba(255, 255, 255, 0.95);
  box-shadow: 0 12px 32px rgba(15, 40, 70, 0.108), inset 0 1px 0 rgba(13, 27, 42, 0.032);
}
html[data-theme-mode="light"] body[data-theme="classic"] .intro {
  background: linear-gradient(120deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.92) 62%, rgba(36, 69, 112, 0.34)),
    url("../assets/backgrounds/bg_img-1600.jpg") center / cover;
  box-shadow: 0 24px 70px rgba(15, 40, 70, 0.171), inset 0 1px 0 rgba(13, 27, 42, 0.042);
}
html[data-theme-mode="light"] body[data-theme="classic"] .app-menu,
html[data-theme-mode="light"] body[data-theme="classic"] .admin-subtabs {
  border-color: rgba(20, 60, 105, 0.2);
  background: rgba(255, 255, 255, 0.82);
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.028), 0 12px 32px rgba(15, 40, 70, 0.108);
}
html[data-theme-mode="light"] body[data-theme="classic"] .app-menu .module-link.active,
html[data-theme-mode="light"] body[data-theme="classic"] .subtab.active,
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta:first-child,
html[data-theme-mode="light"] body[data-theme="classic"] button.primary,
html[data-theme-mode="light"] body[data-theme="classic"] .button-primary {
  box-shadow: 0 10px 24px rgba(20, 60, 105, 0.26);
}
html[data-theme-mode="light"] body[data-theme="classic"] .match-card,
html[data-theme-mode="light"] body[data-theme="classic"] .status-grid > div,
html[data-theme-mode="light"] body[data-theme="classic"] .round-summary > div,
html[data-theme-mode="light"] body[data-theme="classic"] .profile-stat-grid > div,
html[data-theme-mode="light"] body[data-theme="classic"] .share-details > div,
html[data-theme-mode="light"] body[data-theme="classic"] .cup-team-builder,
html[data-theme-mode="light"] body[data-theme="classic"] .admin-identity-panel,
html[data-theme-mode="light"] body[data-theme="classic"] .player-now-grid > div,
html[data-theme-mode="light"] body[data-theme="classic"] .rules-list > div {
  border-color: rgba(20, 60, 105, 0.15);
  background: rgba(255, 255, 255, 0.72);
}
html[data-theme-mode="light"] body[data-theme="classic"] .match-card.match-playing,
html[data-theme-mode="light"] body[data-theme="classic"] .highlight-match {
  border-color: rgba(20, 60, 105, 0.72);
  background: linear-gradient(135deg, rgba(20, 60, 105, 0.16), transparent 54%), rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 36px rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] body[data-theme="classic"] .next-match {
  background: linear-gradient(135deg, rgba(20, 60, 105, 0.34), rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta-secondary,
html[data-theme-mode="light"] body[data-theme="classic"] button.secondary,
html[data-theme-mode="light"] body[data-theme="classic"] .button-secondary {
  border-color: rgba(20, 60, 105, 0.54);
  background: rgba(255, 255, 255, 0.8);
  color: #0d1b2a;
}
html[data-theme-mode="light"] body[data-theme="classic"] input,
html[data-theme-mode="light"] body[data-theme="classic"] textarea,
html[data-theme-mode="light"] body[data-theme="classic"] select {
  border-color: rgba(20, 60, 105, 0.2);
  background: rgba(255, 255, 255, 0.82);
  color: #0d1b2a;
}
html[data-theme-mode="light"] body[data-theme="classic"] .status-chip,
html[data-theme-mode="light"] body[data-theme="classic"] .role-indicator,
html[data-theme-mode="light"] body[data-theme="classic"] .share-box,
html[data-theme-mode="light"] body[data-theme="classic"] .status-pill {
  border-color: rgba(20, 60, 105, 0.28);
  background: rgba(255, 255, 255, 0.68);
}
html[data-theme-mode="light"] body[data-theme="classic"] .status-pill {
  border: 1px solid rgba(13, 27, 42, 0.224);
  background: rgba(13, 27, 42, 0.056);
  color: #475466;
}
html[data-theme-mode="light"] body[data-theme="classic"] .status-pill[data-status="connected"] {
  border-color: rgba(20, 60, 105, 0.32);
  background: rgba(20, 60, 105, 0.09);
  color: #125e36;
}
html[data-theme-mode="light"] body[data-theme="classic"] .status-pill[data-status="error"],
html[data-theme-mode="light"] body[data-theme="classic"] .status-pill[data-status="disconnected"] {
  border-color: rgba(20, 60, 105, 0.4);
  background: rgba(20, 60, 105, 0.08);
  color: #a60914;
}
html[data-theme-mode="light"] .skip-link {
  border: 2px solid #0d1b2a;
  background: rgba(255, 255, 255, 0.95);
  color: #0d1b2a;
}
html[data-theme-mode="light"] .app-toast {
  border: 1px solid rgba(20, 60, 105, 0.42);
  background: rgba(255, 255, 255, 0.95);
  color: #0d1b2a;
  box-shadow: 0 16px 34px rgba(15, 40, 70, 0.153);
}
html[data-theme-mode="light"] .app-confirm-dialog {
  border: 1px solid rgba(20, 60, 105, 0.34);
  background: #eaeef3;
  color: #0d1b2a;
}
html[data-theme-mode="light"] .app-confirm-dialog::backdrop {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme-mode="light"] .app-confirm-card p {
  color: #385674;
}
html[data-theme-mode="light"] {
  --card-navy: #e8edf5;
  --card-navy-deep: #f0f3f9;
  --card-blue: #094fa8;
  --card-blue-soft: #0a4cb6;
  --card-line: rgba(20, 60, 105, 0.32);
}
html[data-theme-mode="light"] body {
  background: radial-gradient(circle at 50% 18%, rgba(18, 72, 139, 0.099), transparent 38%),
    linear-gradient(180deg, #f1f4f9 0%, #e8edf5 52%, #f3f5fa 100%);
}
html[data-theme-mode="light"] body.workspace-active {
  background: radial-gradient(circle at 50% 12%, rgba(20, 60, 105, 0.12), transparent 32%),
    linear-gradient(180deg, #f1f4f9 0%, #e8edf5 58%, #f3f5fa 100%);
}
html[data-theme-mode="light"] .panel,
html[data-theme-mode="light"] .match-card,
html[data-theme-mode="light"] .next-match,
html[data-theme-mode="light"] .player-identity-card,
html[data-theme-mode="light"] .round-summary,
html[data-theme-mode="light"] .live-overview {
  background: linear-gradient(145deg, rgba(19, 64, 120, 0.099), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: inset 0 1px 0 rgba(20, 60, 105, 0.08),
    0 20px 50px rgba(15, 40, 70, 0.126);
}
html[data-theme-mode="light"] .scorecard-team {
  background: linear-gradient(145deg, rgba(var(--player-accent-rgb), 0.16), rgba(255, 255, 255, 0.86) 62%);
}
html[data-theme-mode="light"] .scorecard-team h3 {
  background: rgba(255, 255, 255, 0.94);
  color: color-mix(in srgb, var(--player-accent-light, #4fa8ff) 38%, #0d1b2a);
}
html[data-theme-mode="light"] .scorecard-emblem img {
  filter: drop-shadow(0 0 16px rgba(20, 60, 105, 0.22));
}
html[data-theme-mode="light"] .scorecard-score-pair .scorecard-point-button,
html[data-theme-mode="light"] .scorecard-score-pair .scorecard-point-value {
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.2), rgba(255, 255, 255, 0.95));
  text-shadow: none;
}
html[data-theme-mode="light"] .scorecard-point-button:not(:disabled):hover {
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.38), rgba(255, 255, 255, 0.95));
  box-shadow: 0 0 24px rgba(20, 60, 105, 0.28);
}
html[data-theme-mode="light"] .scorecard-vs-icon {
  filter: drop-shadow(0 0 12px rgba(20, 60, 105, 0.28));
}
html[data-theme-mode="light"] .scorecard-stats {
  border: 1px solid rgba(20, 60, 105, 0.28);
  background: rgba(255, 255, 255, 0.62);
}
html[data-theme-mode="light"] .scorecard-stats > div {
  border-right: 1px solid rgba(20, 60, 105, 0.28);
}
html[data-theme-mode="light"] .teams {
  border: 1px solid rgba(20, 60, 105, 0.22);
  background: rgba(255, 255, 255, 0.74);
}
html[data-theme-mode="light"] .tennis-scoreboard {
  border: 1px solid rgba(20, 60, 105, 0.22);
  background: rgba(255, 255, 255, 0.62);
}
html[data-theme-mode="light"] .tennis-scoreboard > div {
  border-right: 1px solid rgba(20, 60, 105, 0.24);
}
html[data-theme-mode="light"] .admin-subtabs {
  background: rgba(255, 255, 255, 0.84);
}
html[data-theme-mode="light"] .admin-subtabs .subtab.active {
  box-shadow: 0 10px 28px rgba(20, 60, 105, 0.28);
}
html[data-theme-mode="light"] .scorecard-team {
  border-color: rgba(20, 60, 105, 0.48);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.09), rgba(255, 255, 255, 0.95) 60%);
}
html[data-theme-mode="light"] .scorecard-team h3 {
  border-color: rgba(20, 60, 105, 0.42);
  background: rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .scorecard-players .team-player {
  border-bottom-color: rgba(20, 60, 105, 0.28);
}
html[data-theme-mode="light"] .scorecard-score-pair .scorecard-point-button,
html[data-theme-mode="light"] .scorecard-score-pair .scorecard-point-value {
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.2), rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .scorecard-stats {
  border-color: rgba(20, 60, 105, 0.24);
  background: rgba(255, 255, 255, 0.78);
}
html[data-theme-mode="light"] .scorecard-stats > div {
  border-right-color: rgba(20, 60, 105, 0.24);
}
html[data-theme-mode="light"] .match-card .match-status {
  border-color: rgba(20, 60, 105, 0.72);
  background: rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] body[data-theme="classic"] .match-card.match-playing,
html[data-theme-mode="light"] body[data-theme="classic"] .match-card.match-waiting,
html[data-theme-mode="light"] body[data-theme="classic"] .highlight-match {
  border-color: rgba(20, 60, 105, 0.72);
  background: linear-gradient(135deg, rgba(20, 60, 105, 0.12), transparent 54%), rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 36px rgba(20, 60, 105, 0.1);
}
html[data-theme-mode="light"] body[data-theme="classic"] .match-card.match-playing {
  border-color: rgba(20, 60, 105, 0.92);
  background: linear-gradient(135deg, rgba(20, 60, 105, 0.18), transparent 54%), rgba(255, 255, 255, 0.95);
  box-shadow: 0 16px 36px rgba(20, 60, 105, 0.2);
}
html[data-theme-mode="light"] .checkbox-card {
  border-color: rgba(20, 60, 105, 0.46);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.16), transparent 58%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .checkbox-card:has(input:checked) {
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.28), transparent 64%),
    rgba(255, 255, 255, 0.95);
  box-shadow: 0 12px 28px rgba(20, 60, 105, 0.14);
}
html[data-theme-mode="light"] .match-card .cancel-match-button,
html[data-theme-mode="light"] .match-card .walkover-row .walkover-button {
  border-color: rgba(20, 60, 105, 0.42);
  background: rgba(20, 60, 105, 0.1);
}
html[data-theme-mode="light"] .match-card .cancel-match-button:hover:not(:disabled),
html[data-theme-mode="light"] .match-card .walkover-row .walkover-button:hover:not(:disabled) {
  background: rgba(20, 60, 105, 0.2);
}
html[data-theme-mode="light"] .round-summary > div {
  background: linear-gradient(145deg, rgba(19, 64, 120, 0.099), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: inset 0 1px 0 rgba(20, 60, 105, 0.08),
    0 20px 50px rgba(15, 40, 70, 0.126);
}
html[data-theme-mode="light"] .overview-stats > div {
  background: linear-gradient(145deg, rgba(19, 64, 120, 0.099), transparent 42%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .workspace-header .danger-button {
  border-color: rgba(20, 60, 105, 0.52);
  background: rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] .workspace-header .danger-button:hover {
  background: rgba(20, 60, 105, 0.22);
}
html[data-theme-mode="light"] .player-session-actions button {
  border-color: rgba(20, 60, 105, 0.52);
  background: rgba(20, 60, 105, 0.12);
}
html[data-theme-mode="light"] .player-session-actions button:hover {
  background: rgba(20, 60, 105, 0.22);
}
html[data-theme-mode="light"] .standings li {
  border-color: rgba(20, 60, 105, 0.28);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.12), transparent 58%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .join-preview {
  border-color: rgba(20, 60, 105, 0.46);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.16), transparent 58%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] #showExistingPlayersButton {
  border-color: rgba(20, 60, 105, 0.46);
  background: rgba(20, 60, 105, 0.1);
}
html[data-theme-mode="light"] #showExistingPlayersButton:hover {
  background: rgba(20, 60, 105, 0.2);
}
html[data-theme-mode="light"] #profileAvatarPicker > label {
  border-color: rgba(20, 60, 105, 0.46);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.14), transparent 60%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] #profileAvatarPicker > label:hover,
html[data-theme-mode="light"] #profileAvatarPicker > label:has(input:checked) {
  box-shadow: 0 10px 24px rgba(20, 60, 105, 0.18);
}
html[data-theme-mode="light"] #playersList > li {
  border-color: rgba(20, 60, 105, 0.28);
  background: linear-gradient(145deg, rgba(20, 60, 105, 0.12), transparent 58%),
    rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] #playersList .join-source-chip {
  border-color: rgba(20, 60, 105, 0.34);
  background: rgba(20, 60, 105, 0.1);
}
html[data-theme-mode="light"] #playersList .danger-button {
  border-color: rgba(20, 60, 105, 0.42);
  background: rgba(20, 60, 105, 0.1);
}
html[data-theme-mode="light"] #playersList .danger-button:hover:not(:disabled) {
  background: rgba(20, 60, 105, 0.2);
}
html[data-theme-mode="light"] #playersList .player-edit-grid {
  border-top: 1px solid rgba(20, 60, 105, 0.2);
}

/* system-admin.css */
html[data-theme-mode="light"] .system-admin-stat {
  border: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
  background: rgba(13, 27, 42, 0.021);
}
html[data-theme-mode="light"] .system-admin-table th,
html[data-theme-mode="light"] .system-admin-table td {
  border-bottom: 1px solid var(--ds-border-hairline, rgba(20, 60, 105, 0.18));
}
html[data-theme-mode="light"] .system-admin-toast {
  border: 1px solid var(--danger, #f31818);
  background: #e8edf5;
}

/* theme-toggle.css */
html[data-theme-mode="light"] .theme-toggle {
  border: 1px solid rgba(20, 60, 105, 0.16);
  background: rgba(13, 27, 42, 0.035);
}
html[data-theme-mode="light"] .theme-toggle-option {
  color: #415367;
}
html[data-theme-mode="light"] .theme-toggle-option.is-active {
  background: rgba(20, 60, 105, 0.22);
  color: #0a4b80;
}
html[data-theme-mode="light"] .theme-toggle-option:focus-visible {
  outline: 2px solid var(--ui-blue-soft, #0c7ee5);
}
html[data-theme-mode="light"] .theme-choice .theme-toggle-option {
  border: 1px solid rgba(20, 60, 105, 0.2);
}

/* ui-consistency.css */
html[data-theme-mode="light"] {
  --ui-ink: #0d1b2a;
  --ui-muted: #415469;
  --ui-blue: #065a7b;
  --ui-blue-soft: #085397;
  --ui-line: rgba(20, 60, 105, 0.42);
  --ui-panel: rgba(255, 255, 255, 0.86);
  --ui-card: rgba(255, 255, 255, 0.95);
  --ui-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.032), 0 16px 36px rgba(15, 40, 70, 0.108);
}
html[data-theme-mode="light"] body.landing-active {
  background-image: radial-gradient(circle at 50% -10%, rgba(20, 60, 105, 0.14), transparent 34rem),
    linear-gradient(180deg, #eff2f9 0%, #e8edf5 56%, #f3f5fa 100%);
}
html[data-theme-mode="light"] body.setup-active {
  background: linear-gradient(180deg,
      rgba(255, 255, 255, 0.95),
      rgba(255, 255, 255, 0.95)),
    linear-gradient(90deg,
      rgba(3, 16, 34, 0.135),
      rgba(255, 255, 255, 0.86)),
    var(--soft);
}
html[data-theme-mode="light"] body:not(.landing-active) {
  --gold: #0a5398;
  --gold-light: #0a4b80;
  --gold-bright: #00529a;
}
html[data-theme-mode="light"] body:not(.landing-active) .topbar,
html[data-theme-mode="light"] body:not(.landing-active) .setup-card,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .panel,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .next-match,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .admin-subtabs {
  background: linear-gradient(145deg, rgba(14, 85, 144, 0.12), transparent 42%),
    var(--ui-panel);
}
html[data-theme-mode="light"] body:not(.landing-active) .topbar {
  background: rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .match-card,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .status-grid > div,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .round-summary > div,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .profile-stat-grid > div,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .rules-list > div,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .admin-identity-panel,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .cup-team-builder,
html[data-theme-mode="light"] body:not(.landing-active) .app-module:not(#startView) .cup-bracket {
  border-color: rgba(20, 60, 105, 0.3);
}
html[data-theme-mode="light"] body:not(.landing-active) input,
html[data-theme-mode="light"] body:not(.landing-active) textarea,
html[data-theme-mode="light"] body:not(.landing-active) select {
  border-color: rgba(20, 60, 105, 0.36);
  background: rgba(255, 255, 255, 0.88);
}
html[data-theme-mode="light"] body:not(.landing-active) button.secondary,
html[data-theme-mode="light"] body:not(.landing-active) .button-secondary {
  background: rgba(255, 255, 255, 0.88);
}
html[data-theme-mode="light"] body:not(.landing-active) button.secondary:hover:not(:disabled),
html[data-theme-mode="light"] body:not(.landing-active) .button-secondary:hover:not(:disabled) {
  background: rgba(20, 60, 105, 0.14);
}
html[data-theme-mode="light"] .language-current {
  border: 1px solid rgba(20, 60, 105, 0.36);
  background: rgba(255, 255, 255, 0.88);
}
html[data-theme-mode="light"] .language-options {
  background: rgba(255, 255, 255, 0.95);
}
html[data-theme-mode="light"] .language-option:hover,
html[data-theme-mode="light"] .language-option[aria-selected="true"] {
  background: rgba(20, 60, 105, 0.14);
}
html[data-theme-mode="light"] body[data-theme="classic"] {
  --figma-bg: #f0f1f5;
  --figma-surface: #e7e9f0;
  --figma-border: #d4d8de;
  --figma-text: #121e2b;
  --figma-muted: #455468;
  --figma-accent: #0e597b;
  --figma-accent-strong: #1743a2;
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-picker > span {
  color: #485363;
}
html[data-theme-mode="light"] body[data-theme="classic"] .intro-copy {
  border: 1px solid rgba(20, 60, 105, 0.13);
  background: linear-gradient(165deg, #d7e6f6 0%, #e7eef7 62%);
  box-shadow: 0 30px 80px rgba(15, 40, 70, 0.18);
}
html[data-theme-mode="light"] body[data-theme="classic"] .intro-copy::before {
  background: radial-gradient(circle, rgba(20, 60, 105, 0.22), transparent 68%);
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta {
  border: 1px solid rgba(20, 60, 105, 0.72);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  color: #0c5788;
  box-shadow: 0 10px 26px rgba(11, 129, 182, 0.12), inset 0 1px 0 rgba(13, 27, 42, 0.042);
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta:hover:not(:disabled) {
  border-color: #13a7ed;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: 0 12px 30px rgba(11, 129, 182, 0.2), inset 0 1px 0 rgba(13,27,42,.06);
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta:not(.landing-cta-secondary) {
  box-shadow: 0 10px 26px rgba(20, 60, 105, 0.22), inset 0 1px 0 rgba(13, 27, 42, 0.385);
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta:not(.landing-cta-secondary):hover:not(:disabled) {
  border-color: #2ba0ed;
  background: linear-gradient(135deg, #f0f9ff, #13a7ed);
}
html[data-theme-mode="light"] body[data-theme="classic"] .admin-subtabs {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: inset 0 1px 0 rgba(13, 27, 42, 0.028), 0 12px 28px rgba(15, 40, 70, 0.081);
}
html[data-theme-mode="light"] body[data-theme="classic"] .admin-subtabs .subtab:hover:not(:disabled) {
  border-color: rgba(20, 60, 105, 0.55);
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme-mode="light"] body[data-theme="classic"] .admin-subtabs .subtab.active {
  box-shadow: 0 10px 24px rgba(20, 60, 105, 0.2), inset 0 1px 0 rgba(13, 27, 42, 0.385);
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta.landing-cta-secondary {
  border-color: rgba(20, 60, 105, 0.54);
  background: rgba(255, 255, 255, 0.8);
  color: #0d1b2a;
}
html[data-theme-mode="light"] body[data-theme="classic"] .landing-cta.landing-cta-secondary:hover:not(:disabled) {
  border-color: #13a7ed;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
}
html[data-theme-mode="light"] .feature-icon {
  stroke: #0e597b;
}
html[data-theme-mode="light"] body[data-theme="classic"] .site-footer {
  background: #f2f3f7;
}
html[data-theme-mode="light"] body[data-theme="classic"] .install-app-button {
  border: 1px solid rgba(20, 60, 105, 0.72);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  color: #0c5788;
  box-shadow: 0 10px 26px rgba(11, 129, 182, 0.12), inset 0 1px 0 rgba(13, 27, 42, 0.042);
}
html[data-theme-mode="light"] body[data-theme="classic"] .install-app-icon {
  stroke: #0e597b;
}
html[data-theme-mode="light"] body[data-theme="classic"] .install-app-button:hover:not(:disabled) {
  border-color: #13a7ed;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: 0 12px 30px rgba(11, 129, 182, 0.2), inset 0 1px 0 rgba(13,27,42,.06);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-current {
  border: 1px solid rgba(20, 60, 105, 0.18);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: 0 8px 20px rgba(15, 40, 70, 0.081), inset 0 1px 0 rgba(13, 27, 42, 0.028);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-current-flag,
html[data-theme-mode="light"] body[data-theme="classic"] .language-option-flag {
  box-shadow: 0 0 0 1px rgba(13, 27, 42, 0.084);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-option-globe {
  background: rgba(20, 60, 105, 0.14);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-current:hover,
html[data-theme-mode="light"] body[data-theme="classic"] .language-menu[open] .language-current {
  border-color: rgba(20, 60, 105, 0.6);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
  box-shadow: 0 10px 26px rgba(11, 129, 182, 0.16), inset 0 1px 0 rgba(13, 27, 42, 0.042);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-options {
  border: 1px solid rgba(20, 60, 105, 0.16);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 20px 44px rgba(15, 40, 70, 0.18), inset 0 1px 0 rgba(13, 27, 42, 0.028);
}
html[data-theme-mode="light"] body[data-theme="classic"] .language-option:hover,
html[data-theme-mode="light"] body[data-theme="classic"] .language-option[aria-selected="true"] {
  background: rgba(11, 129, 182, 0.14);
}
html[data-theme-mode="light"] body[data-theme="classic"] .checkbox-card input[type="checkbox"] {
  border: 1px solid rgba(20, 60, 105, 0.42);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: inset 0 1px 2px rgba(15, 40, 70, 0.108);
}
html[data-theme-mode="light"] body[data-theme="classic"] .checkbox-card input[type="checkbox"]::before {
  box-shadow: 0 1px 4px rgba(15, 40, 70, 0.144);
}
html[data-theme-mode="light"] body[data-theme="classic"] .checkbox-card input[type="checkbox"]:checked {
  border-color: #1189be;
  background: linear-gradient(135deg, #116d97, #1743a2);
  box-shadow: 0 0 0 3px rgba(11, 129, 182, 0.14);
}
html[data-theme-mode="light"] body[data-theme="classic"] .checkbox-card input[type="checkbox"]:checked::before {
  background: #0d1b2a;
}
html[data-theme-mode="light"] body[data-theme="classic"] .topbar {
  background: rgba(255, 255, 255, 0.95);
  border-bottom: 1px solid rgba(20, 60, 105, 0.13);
}
html[data-theme-mode="light"] body[data-theme="classic"] .brand-lockup .version {
  color: #415367;
}
html[data-theme-mode="light"] body[data-theme="classic"] .footer-links a {
  color: #0a5398;
  border-bottom: 1px solid rgba(20, 60, 105, 0.42);
}
html[data-theme-mode="light"] body[data-theme="classic"] .footer-links a:hover {
  color: #0d1b2a;
  border-bottom-color: #0d1b2a;
}
html[data-theme-mode="light"] body[data-theme="classic"] .site-footer .install-app-button {
  border: 1px solid rgba(20, 60, 105, 0.18);
  background: linear-gradient(180deg, rgba(20, 60, 105, 0), rgba(20, 60, 105, 0.32));
  color: #3c5470;
}
html[data-theme-mode="light"] body[data-theme="classic"] .site-footer .install-app-icon {
  stroke: #0a5398;
}
html[data-theme-mode="light"] body[data-theme="classic"] .footer-credit {
  color: #15191e;
}

/* workspace-nav.css */
@media (min-width: 860px) {
  html[data-theme-mode="light"] .workspace-rail {
    background: #e7eef7;
  }
}
@media not all and (min-width: 860px) {
  html[data-theme-mode="light"] .workspace-bottom-tabs {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.95));
  }
}