/* Brand Theme & Animations */
body {
  font-family: 'Inter', 'Noto Sans Georgian', sans-serif;
  scroll-behavior: smooth;
  background-color: #ffffff;
  overflow-x: hidden;
  /* Improve rendering of smooth gradients */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.brand-gradient {
  background: linear-gradient(135deg, #350F7A 0%, #F225FF 100%);
}

/* Night Drive Animations */
@keyframes headlight-sweep {
  0% { transform: translateX(-150%) skewX(-25deg); opacity: 0; }
  15% { opacity: 0.3; }
  35% { opacity: 0.1; }
  100% { transform: translateX(250%) skewX(-25deg); opacity: 0; }
}

@keyframes mesh-pulse {
  0%, 100% { opacity: 0.5; transform: scale(1) translate(0, 0); }
  50% { opacity: 0.7; transform: scale(1.1) translate(5%, 2%); }
}

@keyframes fade-up-intro {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes fade-in-scale {
  0% { opacity: 0; transform: scale(0.98); }
  100% { opacity: 1; transform: scale(1); }
}

.animate-headlight {
  animation: headlight-sweep 6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

.animate-headlight-delayed {
  animation: headlight-sweep 9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  animation-delay: 3s;
}

.animate-mesh {
  animation: mesh-pulse 12s ease-in-out infinite;
  filter: blur(80px); /* Enhance smoothness of radial blobs */
  will-change: transform, opacity;
}

.intro-fade {
  opacity: 0;
  animation: fade-up-intro 1s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
  will-change: transform, opacity;
}

.intro-fade-bg {
  opacity: 0;
  animation: fade-in-scale 1.2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

.delay-100 { animation-delay: 0.1s; }
.delay-200 { animation-delay: 0.2s; }
.delay-300 { animation-delay: 0.3s; }
.delay-500 { animation-delay: 0.5s; }

/* Custom Utilities */
.text-brand-purple { color: #350F7A; }
.bg-brand-purple { background-color: #350F7A; }
.bg-brand-pink { background-color: #F225FF; }
.bg-brand-gray { background-color: #E5E5E5; }

/* Hide scrollbar for Chrome, Safari and Opera */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}

/* Smooth background transition utility */
.transition-bg-soft {
  transition: background-color 0.5s ease-in-out, border-color 0.5s ease-in-out, padding 0.5s ease-in-out;
}