/* Define custom gradient using your logo colors */
.bg-gradient-pa {
  background-image: linear-gradient(to right, #8A70D6, #58C3B5, #D2D469);
}
.text-gradient-pa {
  background: linear-gradient(to right, #8A70D6, #58C3B5, #D2D469);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
/* Simple transition for colors */
body, #app-container {
  transition: background-color 0.3s ease, color 0.3s ease;
}
/* Dark mode styles */
.dark body { background-color: #111827; }
.dark #app-container { background-color: #1f2937; }
.dark h1, .dark p, .dark label { color: #f9fafb; }
.dark input { background-color: #374151; color: #f9fafb; border-color: #4b5563; }
.dark nav { border-bottom-color: #374151; }
.dark #navbar-title { color: #ffffff; }

#navbar-title {
  color: #1e293b;
}