index.css

/* Urban Cooling Agent - Custom Styles */

/* Base reset and utilities */
* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
}

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

/* Custom animation delays for typing indicator */
.delay-75 {
  animation-delay: 75ms;
}

.delay-150 {
  animation-delay: 150ms;
}

/* Gradient backgrounds for heat maps */
.gradient-heat {
  background: linear-gradient(to top, #3B82F6, #FACC15, #EF4444);
}

/* Glass morphism effect */
.glass {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Loading pulse animation */
@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(37, 99, 235, 0);
  }
}

.pulse-glow {
  animation: pulse-glow 2s infinite;
}

/* Transitions for sidebar */
.sidebar-transition {
  transition: width 0.3s ease-in-out;
}

/* Custom focus states */
input:focus, button:focus {
  outline: none;
}

/* Print styles */
@media print {
  .no-print {
    display: none !important;
  }
}