/**
 * Light theme — primary button hovers (sitewide, including modals & overlays).
 *
 * Theatre palette inversion makes --theatre-ivory and --theatre-black both #fff
 * in light mode. Many page rules use cream + black for default state (correct)
 * but ivory + black on hover (invisible). This file loads after per-page CSS
 * and forces warm brass hover + dark text via tokens.css.
 *
 * Tokens: --btn-theatre-primary-hover-bg / --btn-theatre-primary-hover-color
 */
html[data-theme="light"] .btn.btn-primary:hover:not(:disabled),
html[data-theme="light"] a.btn.btn-primary:hover:not(:disabled),
html[data-theme="light"] button.btn.btn-primary:hover:not(:disabled) {
  background: var(--btn-theatre-primary-hover-bg) !important;
  background-image: none !important;
  color: var(--btn-theatre-primary-hover-color) !important;
  border-color: var(--btn-theatre-primary-hover-bg) !important;
  box-shadow: var(--btn-theatre-primary-hover-shadow) !important;
}

html[data-theme="light"] .btn.btn-primary:hover:not(:disabled) i,
html[data-theme="light"] .btn.btn-primary:hover:not(:disabled) .fa,
html[data-theme="light"] .btn.btn-primary:hover:not(:disabled) svg {
  color: inherit !important;
}

html[data-theme="light"] .btn.btn-outline-primary:hover:not(:disabled),
html[data-theme="light"] a.btn.btn-outline-primary:hover:not(:disabled) {
  background: var(--btn-theatre-primary-hover-bg) !important;
  background-image: none !important;
  color: var(--btn-theatre-primary-hover-color) !important;
  border-color: var(--accent-warm-dark) !important;
  box-shadow: var(--btn-theatre-primary-hover-shadow) !important;
}