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

@layer base {
  html {
    scroll-behavior: smooth;
  }
  body {
    @apply bg-cream-100 text-anthracite-500 antialiased;
  }
  input[type="text"],
  input[type="email"],
  input[type="tel"],
  input[type="password"],
  textarea {
    @apply w-full rounded border border-cream-300 px-3 py-2 focus:border-gold-500 focus:ring-1 focus:ring-gold-500;
  }
}