/* Weather ticker styling with proper dark/light mode support */

.epragma-weather-text {
  /* Default styling for light mode */
  color: #000;
  font-weight: 500;
}

/* Dark mode styling using the Tailwind dark mode class applied at the html/body level */
html.dark-mode .epragma-weather-text,
body.dark-mode .epragma-weather-text,
.dark-mode .epragma-weather-text,
[data-theme="dark"] .epragma-weather-text {
  color: #fff;
}

/* If you're using Tailwind's dark class on html element */
html.tw-dark .epragma-weather-text {
  color: #fff;
}