/* Dark mode button overrides - with high specificity to ensure these override any inline styles */
html body.dark-mode .settings-button.downgrade:hover,
html body.dark-mode .settings-button.downgrade:focus,
html body.dark-mode button.settings-button.downgrade:hover,
html body.dark-mode button.settings-button.downgrade:focus,
html body.dark-mode form .settings-button.downgrade:hover,
html body.dark-mode form .settings-button.downgrade:focus,
html body.dark-mode .settings-form .settings-button.downgrade:hover,
html body.dark-mode .settings-form .settings-button.downgrade:focus,
html body.dark-mode .settings-section .settings-button.downgrade:hover,
html body.dark-mode .settings-section .settings-button.downgrade:focus,
html body.dark-mode .settings-container .settings-button.downgrade:hover,
html body.dark-mode .settings-container .settings-button.downgrade:focus,
html body.dark-mode .settings-container .settings-form .settings-button.downgrade:hover,
html body.dark-mode .settings-container .settings-form .settings-button.downgrade:focus,
html body.dark-mode .settings-section .settings-form .settings-button.downgrade:hover,
html body.dark-mode .settings-section .settings-form .settings-button.downgrade:focus,
html body.dark-mode .settings-button.downgrade[style]:hover,
html body.dark-mode .settings-button.downgrade[style]:focus,
html body.dark-mode .settings-button.upgrade:hover,
html body.dark-mode .settings-button.upgrade:focus,
html body.dark-mode button.settings-button.upgrade:hover,
html body.dark-mode button.settings-button.upgrade:focus,
html body.dark-mode form .settings-button.upgrade:hover,
html body.dark-mode form .settings-button.upgrade:focus,
html body.dark-mode .settings-form .settings-button.upgrade:hover,
html body.dark-mode .settings-form .settings-button.upgrade:focus,
html body.dark-mode .settings-section .settings-button.upgrade:hover,
html body.dark-mode .settings-section .settings-button.upgrade:focus,
html body.dark-mode .settings-container .settings-button.upgrade:hover,
html body.dark-mode .settings-container .settings-button.upgrade:focus,
html body.dark-mode .settings-container .settings-form .settings-button.upgrade:hover,
html body.dark-mode .settings-container .settings-form .settings-button.upgrade:focus,
html body.dark-mode .settings-section .settings-form .settings-button.upgrade:hover,
html body.dark-mode .settings-section .settings-form .settings-button.upgrade:focus,
html body.dark-mode .settings-button.upgrade[style]:hover,
html body.dark-mode .settings-button.upgrade[style]:focus {
  background-color: #4338CA !important; /* Darker purple color on hover with important flag */
  color: #ffffff !important;
  opacity: 1 !important;
}