/* Birka — тёмная тема в стиле Cursor */

.nav-link {
  @apply px-3 py-2 rounded-lg text-sm font-medium text-zinc-400 hover:text-white hover:bg-white/5 transition;
}

.btn-primary {
  @apply inline-flex items-center justify-center px-5 py-2.5 rounded-xl text-sm font-semibold text-zinc-950 bg-white hover:bg-zinc-200 focus:outline-none focus:ring-2 focus:ring-white/30 focus:ring-offset-2 focus:ring-offset-zinc-900 transition;
}

.btn-secondary {
  @apply inline-flex items-center justify-center px-5 py-2.5 rounded-xl text-sm font-semibold text-white bg-white/10 hover:bg-white/15 border border-zinc-700 focus:outline-none focus:ring-2 focus:ring-white/20 focus:ring-offset-2 focus:ring-offset-zinc-900 transition;
}

.btn-danger {
  @apply inline-flex items-center justify-center px-5 py-2.5 rounded-xl text-sm font-semibold text-white bg-red-600 hover:bg-red-500 focus:outline-none focus:ring-2 focus:ring-red-500/50 focus:ring-offset-2 focus:ring-offset-zinc-900 transition;
}

.card {
  @apply bg-zinc-900/50 rounded-2xl border border-zinc-800 overflow-hidden hover:border-zinc-700 transition-colors duration-300;
}

.form-input {
  @apply w-full px-4 py-2.5 rounded-xl border border-zinc-700 bg-zinc-900/80 text-zinc-100 placeholder-zinc-500 focus:ring-2 focus:ring-cyan-500/50 focus:border-cyan-500 outline-none transition;
}

.form-label {
  @apply block text-sm font-medium text-zinc-300 mb-1;
}

.section-title {
  @apply text-3xl sm:text-4xl font-bold text-white tracking-tight;
}

.section-subtitle {
  @apply mt-3 text-lg text-zinc-400 max-w-2xl;
}

/* Поля ввода внутри карточек — тёмная тема */
.card input[type="text"],
.card input[type="email"],
.card input[type="password"],
.card input[type="number"],
.card input[type="file"],
.card textarea {
  @apply w-full px-4 py-2.5 rounded-xl border border-zinc-700 bg-zinc-900/80 text-zinc-100 placeholder-zinc-500 focus:ring-2 focus:ring-cyan-500/50 focus:border-cyan-500 outline-none transition;
}
.card input[type="file"] {
  @apply file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:bg-cyan-500/20 file:text-cyan-400 file:font-medium;
}