@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

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

@layer base {
  html {
    @apply touch-manipulation;
  }

  body {
    font-family: 'Manrope', sans-serif;
    @apply text-cf-dark;
  }
}

@layer components {
  .container {
    @apply max-w-5xl mx-auto px-4;
  }
}