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

html, body {
  background: #0a0a0b;
  color: #fafafa;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

* { box-sizing: border-box; }

button:active { transform: scale(0.98); }

.btn-primary {
  @apply w-full bg-accent hover:bg-accentHover text-black font-semibold py-4 px-6 rounded-2xl transition-all text-base;
}
.btn-primary:disabled {
  @apply bg-border text-muted cursor-not-allowed hover:bg-border;
}
.btn-secondary {
  @apply w-full bg-card border border-border hover:border-muted text-white font-medium py-4 px-6 rounded-2xl transition-all text-base;
}
.card {
  @apply bg-card border border-border rounded-2xl p-5;
}
.label {
  @apply text-xs uppercase tracking-wider text-muted font-medium;
}
.input {
  @apply w-full bg-bg border border-border rounded-xl px-4 py-3 text-white placeholder:text-muted focus:outline-none focus:border-accent transition-colors;
}
