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

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

@layer base {
  html {
    font-family: 'Inter', system-ui, sans-serif;
  }

  body {
    @apply bg-surface-soft text-gray-800 antialiased;
  }
}

@layer utilities {
  .text-gradient {
    @apply bg-gradient-to-r from-brand-500 to-rose-400 bg-clip-text text-transparent;
  }

  .bg-gradient-brand {
    @apply bg-gradient-to-r from-brand-500 to-rose-400;
  }
}