@import "tailwindcss";
@plugin "daisyui" {
  themes: pastel --default, dim --prefersdark;
}

@layer base {
  body {
    @apply antialiased text-base-content bg-base-200;
  }
}

@layer components {
  .btn {
    @apply font-medium normal-case;
  }

  .btn:not(.btn-ghost):not(.btn-link) {
    @apply shadow-sm;
  }

  .card,
  .modal-box,
  .dropdown-content,
  .alert,
  .chat-bubble {
    @apply rounded-2xl border border-base-300/60 shadow-sm;
  }

  .input,
  .textarea,
  .select {
    @apply rounded-xl border-base-300/70 bg-base-100;
  }

  .input:focus,
  .textarea:focus,
  .select:focus {
    @apply outline-none ring-2 ring-primary/20 border-primary/40;
  }
}

/* Safe area padding for PWA standalone mode (notch/home indicator) */
.pt-safe {
  padding-top: env(safe-area-inset-top, 0px);
}

.pb-safe {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}