@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

/* Custom CSS Variables */
:root {
  --halo-orange: #ff6b35;
  --halo-gray: #4a4a4a;
  --halo-button-gray: #6b7280;
}

/* Custom font class */
.font-switzer {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Custom color utilities */
.text-halo-orange {
  color: var(--halo-orange);
}

.text-halo-gray {
  color: var(--halo-gray);
}

.text-halo-button-gray {
  color: var(--halo-button-gray);
}

.bg-halo-orange {
  background-color: var(--halo-orange);
}

.bg-halo-gray {
  background-color: var(--halo-gray);
}

.bg-halo-button-gray {
  background-color: var(--halo-button-gray);
}

/* Ensure smooth transitions */
* {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/* Responsive image optimization */
img {
  max-width: 100%;
  height: auto;
}

/* Button hover effects */
button {
  cursor: pointer;
}

button:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Enhanced drop shadow for the main logo */
.drop-shadow-enhanced {
  filter: drop-shadow(0 10px 25px rgba(0, 0, 0, 0.25));
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
  background: var(--halo-orange);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #e55a2b;
}