/* Custom styles that extend Tailwind */
[x-cloak] { display: none !important; }

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}

/* Custom transitions */
.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Custom shadow for buttons */
.shadow-indigo-glow {
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.15);
}

/* Custom shadow for hover states */
.hover\:shadow-indigo-glow:hover {
  box-shadow: 0 8px 25px rgba(99, 102, 241, 0.25);
}
/* Custom gradient backgrounds */
.bg-gradient-primary {
  background-image: linear-gradient(to right, #4b0875, #6a0dad);
}

.bg-gradient-secondary {
  background-image: linear-gradient(to right, #0056b3, #007bff);
}

.bg-gradient-tertiary {
  background-image: linear-gradient(to right, #a47516, #ffd700);
}

.bg-gradient-purple-gold {
  background-image: linear-gradient(to right, #6a0dad, #ffd700);
}
/* Custom border radius */
.rounded-xl {
  border-radius: 1rem;
}

/* Custom border radius for larger elements */
.rounded-2xl {
  border-radius: 1.5rem;
}

/* Custom border radius for full rounded corners */
.rounded-full {
  border-radius: 9999px;
}

/* Custom border width */
.border-2 {
  border-width: 2px;
}

/* Custom border width for thicker borders */
.border-3 {
  border-width: 3px;
}

/* Custom border width for very thick borders */
.border-4 {
  border-width: 4px;
}

/* Custom border width for extremely thick borders */
.border-5 {
  border-width: 5px;
}

/* Custom border width for ultra thick borders */
.border-6 {
  border-width: 6px;
}

/* Custom border width for mega thick borders */
.border-7 {
  border-width: 7px;
}

/* Custom border width for super thick borders */
.border-8 {
  border-width: 8px;
}

/* Custom border width for ultra super thick borders */
.border-9 {
  border-width: 9px;
}

/* Custom border width for mega ultra thick borders */
.border-10 {
  border-width: 10px;
}

/* Custom border width for extreme thick borders */
.border-11 {
  border-width: 11px;
}

/* Custom border width for ultimate thick borders */
.border-12 {
  border-width: 12px;
}