html:not([data-theme="dark"]) .login-form input,
html:not([data-theme="dark"]) .options-menu {
  box-shadow:
    0 12px 30px rgba(85, 169, 91, 0.1),
    0 0 38px rgba(169, 227, 162, 0.12);
}

html:not([data-theme="dark"]) .summary-card,
html:not([data-theme="dark"]) .panel,
html:not([data-theme="dark"]) .stat,
html:not([data-theme="dark"]) .players,
html:not([data-theme="dark"]) .game-row,
html:not([data-theme="dark"]) .tournament-dialog {
  box-shadow:
    0 16px 38px rgba(47, 100, 53, 0.1),
    0 0 54px rgba(169, 227, 162, 0.15);
}

html:not([data-theme="dark"]) .continue-button,
html:not([data-theme="dark"]) .enter-button {
  box-shadow:
    0 8px 0 #3f8c48,
    0 19px 44px rgba(85, 169, 91, 0.25);
}

html:not([data-theme="dark"]) .hero-cta,
html:not([data-theme="dark"]) .new-button,
html:not([data-theme="dark"]) .browse-button,
html:not([data-theme="dark"]) .edit-button,
html:not([data-theme="dark"]) .create-button {
  box-shadow:
    0 12px 28px rgba(85, 169, 91, 0.16),
    0 0 34px rgba(169, 227, 162, 0.18);
}

html:not([data-theme="dark"]) .profile-hero {
  box-shadow:
    0 18px 40px rgba(47, 100, 53, 0.12),
    0 0 72px rgba(169, 227, 162, 0.24);
}

html:not([data-theme="dark"]) .continue-button:active,
html:not([data-theme="dark"]) .enter-button:active {
  box-shadow:
    0 4px 0 #3f8c48,
    0 12px 28px rgba(85, 169, 91, 0.2);
}

@media (prefers-reduced-motion: no-preference) {
  html:not([data-theme="dark"]) .summary-card:hover,
  html:not([data-theme="dark"]) .panel:hover,
  html:not([data-theme="dark"]) .stat:hover,
  html:not([data-theme="dark"]) .game-row:hover {
    box-shadow:
      0 21px 46px rgba(47, 100, 53, 0.14),
      0 0 68px rgba(169, 227, 162, 0.23);
  }
}

html[data-theme="dark"] .continue-button,
html[data-theme="dark"] .enter-button,
html[data-theme="dark"] .new-button,
html[data-theme="dark"] .browse-button,
html[data-theme="dark"] .create-button {
  box-shadow:
    0 8px 0 rgba(91, 145, 95, 0.72),
    0 0 28px rgba(169, 227, 162, 0.18),
    0 16px 42px rgba(85, 169, 91, 0.13);
}