/* Koyu arka plan + kart */
body {
  background: #0f172a;
  color: #e5e7eb;
}

.login-wrap {
  min-height: 100vh;
}

.login-card {
  border-radius: 16px;
  background: #1c2541; /* senin verdiğin koyu ton */
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.login-card .form-control {
  background: #1f2937;
  color: #e5e7eb;
  border-color: #374151;
}

.login-card .form-control:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(34, 211, 238, 0.25);
}

/* buton rengi: eski tasarımla uyumlu kırmızı */
.btn-accent {
  background: #dc3545;
  color: #fff;
  font-weight: 600;
}

.brand-logo {
  width: 180px;
}

/* DÜZELTME: .form-label .form-check-label değil, ayrı ayrı seçiciler olmalı */
.form-label,
.form-check-label {
  color: #e8e6e3 !important;
}

#togglePassword {
  color: #e8e6e3 !important;
  border-color: #1c2541 !important;
}

h5 {
  color: #e8e6e3;
}

/* login.css — Bootstrap 5 düğme değişkenleri + açık fallback */
.btn.btn-accent {
  /* Base */
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;

  /* Hover */
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;

  /* Focus/active/disabled */
  --bs-btn-focus-shadow-rgb: 220, 53, 69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #a52834;
  --bs-btn-active-border-color: #a52534;
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;

  /* Fallback (tema override ediyorsa) */
  background: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
  color: var(--bs-btn-color);
}
.btn.btn-accent:hover,
.btn.btn-accent:focus {
  background: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  color: var(--bs-btn-hover-color);
}

/* Hata etiketini ortala ve metin gölgesi ver */
.label-center-shadow {
  display: block;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}