/* Custom glassmorphism and animation styles */
.animate-gradient {
  background-size: 200% 200%;
  animation: gradientMove 3s ease-in-out infinite;
  background-image: linear-gradient(
    90deg,
    var(--primary),
    var(--primary-600),
    #0b5aa1
  );
}
@keyframes gradientMove {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/* Subtle card hover effect for extra polish */
.hover\:shadow-blue-200:hover {
  box-shadow: 0 8px 32px 0 rgba(96, 165, 250, 0.25),
    0 1.5px 4px 0 rgba(59, 130, 246, 0.1);
}

:root {
  --primary: #00214c;
  --nav: #124183ff;
  --primary-600: #00325f;
}

.btn-primary {
  background: linear-gradient(90deg, var(--primary), var(--primary-600));
  box-shadow: 0 8px 24px rgba(0, 33, 76, 0.18);
}

/* Utility classes using primary */
.text-primary {
  color: var(--primary);
}
.text-primary-dark {
  color: var(--primary-600);
}
.bg-primary {
  background: var(--primary);
  color: #fff;
}
.bg-primary-600 {
  background: var(--primary-600);
  color: #fff;
}
.hover-text-primary:hover {
  color: var(--primary);
}
.hover-text-primary-dark:hover {
  color: var(--primary-600);
}
.group-hover-primary {
  transition: color 0.2s;
}
.group:hover .group-hover-primary {
  color: var(--primary);
}

/* Modal utilities */
#getstarted-modal .p-3:focus,
#getstarted-modal input:focus,
#getstarted-modal textarea:focus,
#getstarted-modal select:focus {
  outline: none;
  box-shadow: 0 0 0 4px rgba(0, 33, 76, 0.08);
  border-color: var(--primary-600);
}

#gs-feedback.success {
  color: #065f46;
}
#gs-feedback.error {
  color: #b91c1c;
}