/* AgroVision — small global tweaks (Tailwind remains the main styling layer) */

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/*
  Some JS files toggle Tailwind utility classes directly (bg-green-50, bg-red-50, etc.).
  In dark mode these can get overridden by other dark: utilities, so we gently re-map
  them to readable colors.
*/
.dark .bg-green-50 {
  background-color: rgba(16, 185, 129, 0.12) !important; /* emerald */
}
.dark .text-green-700 {
  color: rgb(167, 243, 208) !important;
}
.dark .bg-red-50 {
  background-color: rgba(239, 68, 68, 0.12) !important; /* red */
}
.dark .text-red-700 {
  color: rgb(254, 202, 202) !important;
}

/* Action log items (created via JS without classes) */
#log-list li {
  padding: 0.5rem 0.75rem;
  border-radius: 0.9rem;
  border: 1px solid rgba(148, 163, 184, 0.35); /* slate-400 */
  background: rgba(15, 23, 42, 0.04); /* slate-900 */
}
.dark #log-list li {
  border-color: rgba(148, 163, 184, 0.25);
  background: rgba(148, 163, 184, 0.10);
}