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


@layer base {
  html {
    @apply bg-gray-50 text-gray-900;
  }

  /* Brutalist button styles */
  .btn {
    @apply border-2 border-gray-900 bg-white px-4 py-2 font-mono text-sm uppercase tracking-wider text-center;
  }

  .btn-primary {
    @apply bg-accent border-accent text-gray-900;
  }

  .btn-danger {
    @apply bg-red-500 border-red-500 text-white;
  }

  /* Brutalist card styles */
  .card {
    @apply border-2 border-gray-900 bg-white p-4;
  }

  /* Brutalist input styles */
  .input {
    @apply border-2 border-gray-900 bg-white px-4 py-2 font-mono;
  }
}