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

@layer base {
  :root {
    --keto-primary: #2D6A4F;
    --keto-accent: #52B788;
    --keto-light: #D8F3DC;
  }

  * { @apply border-green-100; }
  body { @apply bg-white text-gray-900 font-sans antialiased; }
  h1, h2, h3, h4 { @apply font-display; }
}

@layer components {
  .btn-primary {
    @apply inline-flex items-center justify-center gap-2 px-6 py-3 bg-keto-primary text-white font-semibold rounded-xl
           hover:bg-keto-dark transition-all duration-200 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed;
  }
  .btn-secondary {
    @apply inline-flex items-center justify-center gap-2 px-6 py-3 bg-keto-light text-keto-primary font-semibold rounded-xl
           hover:bg-green-200 transition-all duration-200 active:scale-95;
  }
  .btn-outline {
    @apply inline-flex items-center justify-center gap-2 px-6 py-3 border-2 border-keto-primary text-keto-primary font-semibold rounded-xl
           hover:bg-keto-light transition-all duration-200 active:scale-95;
  }
  .card {
    @apply bg-white rounded-2xl shadow-sm border border-green-100 overflow-hidden transition-all duration-200 hover:shadow-md;
  }
  .badge {
    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
  }
  .badge-green { @apply badge bg-keto-light text-keto-primary; }
  .badge-gray  { @apply badge bg-gray-100 text-gray-700; }
  .input {
    @apply w-full px-4 py-3 rounded-xl border border-gray-200 bg-white focus:outline-none focus:ring-2 focus:ring-keto-accent focus:border-transparent transition-all;
  }
  .section { @apply py-16 md:py-24; }
  .container-narrow { @apply max-w-4xl mx-auto px-4; }
}