@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  scroll-padding-top: 57px;
}

* {
  box-sizing: border-box;
}

/* Prevent iOS Safari from zooming on input focus (requires font-size >= 16px) */
@media (max-width: 767px) {
  input, select, textarea {
    font-size: 16px !important;
  }
}

body {
  /* font-family set via Tailwind font-sans (see tailwind.config.js) */
  color: #111827;
  background: #ffffff;
}

@layer utilities {
  .gradient-text {
    background: linear-gradient(90deg, #3B82F6, #8B5CF6, #EC4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }

  .gradient-blob {
    background: linear-gradient(135deg, #F97316 0%, #EC4899 25%, #8B5CF6 50%, #3B82F6 75%, #10B981 100%);
  }
}