/* Color override styles - these will take precedence over other styles */

html.light-mode,
body.light-mode {
  background: linear-gradient(135deg, #f9fbfd 0%, #dbe9f6 50%, #f9fbfd 100%) !important;
  background-image: linear-gradient(135deg, #f9fbfd 0%, #dbe9f6 50%, #f9fbfd 100%) !important;
}

html.dark-mode,
body.dark-mode {
    background: var(--bg-color) !important;
    color: #eaeaea !important;
}

html.blue-mode,
body.blue-mode {
  background: var(--primary-50) !important;
  background-image: none !important;
}

html.green-mode,
body.green-mode {
  background: linear-gradient(135deg, #D9EEDA 0%, #B4E2B5 50%, #D9EEDA 100%) !important; /* Eucalyptus to Chester gradient */
  background-image: linear-gradient(135deg, #D9EEDA 0%, #B4E2B5 50%, #D9EEDA 100%) !important;
}