/* Bootstrap sahifalar (admin/dashboard, admin/duels, activity, login) uchun —
   "jiddiy/professional" ohang, gamified.css'dagi kabi yorqin emas.
   Faqat bootstrapPage=true VA gamifiedPage=false bo'lganda yuklanadi. */

/* Ba'zi bootstrapPage sahifalar (masalan login.ejs) hali ham eski,
   Bootstrap'ga tegishli bo'lmagan .btn/.btn-secondary/.btn-danger
   komponentini ishlatadi. Bootstrap CDN keyinroq yuklanib, xuddi shu
   .btn selektoriga o'z bazaviy uslubini (shaffof fon, kulrang matn)
   qo'yib, tugmani deyarli ko'rinmas qilib qo'yardi — shu yerda qayta
   tiklanadi (bootstrap.min.css'dan KEYIN yuklangani uchun bu g'olib chiqadi). */
.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-outline-primary) {
  background: var(--primary);
  color: var(--ink-on-gold);
  border: none;
  padding: 9px 18px;
  font-weight: 600;
  font-size: 14px;
  border-radius: var(--radius-sm);
  box-shadow: 0 1px 2px rgba(22, 38, 31, 0.18), 0 2px 0 0 var(--primary-dark);
}
.btn:not(.btn-primary):not(.btn-secondary):not(.btn-danger):not(.btn-outline-primary):hover {
  color: var(--ink-on-gold);
  box-shadow: 0 6px 14px rgba(22, 38, 31, 0.22), 0 2px 0 0 var(--primary-dark);
}
.btn-secondary {
  background: var(--surface);
  color: var(--text);
  border: 1px solid var(--border);
}
.btn-danger {
  background: var(--danger);
  color: white;
  border: none;
}

.btn-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-color: var(--ink-on-gold);
  --bs-btn-hover-bg: var(--primary-dark);
  --bs-btn-hover-border-color: var(--primary-dark);
  --bs-btn-hover-color: var(--ink-on-gold);
  --bs-btn-active-bg: var(--primary-dark);
  --bs-btn-active-border-color: var(--primary-dark);
  --bs-btn-active-color: var(--ink-on-gold);
  --bs-btn-disabled-bg: var(--primary);
  --bs-btn-disabled-border-color: var(--primary);
  --bs-btn-disabled-color: var(--ink-on-gold);
  transition: transform 0.15s cubic-bezier(.34,1.56,.64,1), box-shadow 0.15s ease, background-color 0.15s ease;
}
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 14px rgba(217, 164, 65, 0.35); }
.btn-primary:active { transform: translateY(1px); }

.btn-outline-primary {
  --bs-btn-color: var(--primary-dark);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-hover-color: var(--ink-on-gold);
  --bs-btn-active-bg: var(--primary-dark);
  --bs-btn-active-border-color: var(--primary-dark);
  --bs-btn-active-color: var(--ink-on-gold);
}

.progress-bar {
  background-color: var(--primary);
}

.badge.bg-primary, .badge.text-bg-primary {
  background-color: var(--primary) !important;
  color: var(--ink-on-gold) !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  background-color: var(--primary);
  color: var(--ink-on-gold);
}

.form-select:focus, .form-control:focus {
  border-color: var(--primary);
  box-shadow: 0 0 0 0.25rem var(--primary-light);
}

a:not(.btn) {
  color: var(--primary);
}
a:not(.btn):hover {
  color: var(--primary-dark);
}

.card {
  transition: box-shadow 0.15s ease;
}