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

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
  }

  * {
    -webkit-tap-highlight-color: transparent;
  }

  html {
    scroll-behavior: smooth;
  }

  body {
    min-height: 100dvh;
  }
}

@layer components {
  /* Botão primário */
  .btn-primary {
    @apply bg-primary-800 text-white font-semibold py-3 px-6 rounded-xl
      active:scale-95 transition-all duration-150 disabled:opacity-50
      disabled:cursor-not-allowed w-full text-center;
  }

  /* Card padrão */
  .card {
    @apply bg-white rounded-2xl shadow-sm border border-gray-100 p-4;
  }

  /* Input padrão */
  .input {
    @apply w-full border border-gray-300 rounded-xl px-4 py-3 text-base
      focus:outline-none focus:ring-2 focus:ring-primary-500 focus:border-transparent
      placeholder:text-gray-400;
  }

  /* Badge de status */
  .badge {
    @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
  }
}

/* Safe area para iPhone com notch */
.safe-top {
  padding-top: env(safe-area-inset-top);
}
.safe-bottom {
  padding-bottom: env(safe-area-inset-bottom);
}