html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  background: #f6f8f3;
  color: #26311b;
}

.btn-primary {
  --bs-btn-bg: #6f873f;
  --bs-btn-border-color: #6f873f;
  --bs-btn-hover-bg: #5d7333;
  --bs-btn-hover-border-color: #5d7333;
}

.evidence-hero {
  color: #fff;
  background:
    radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0.16), transparent 30%),
    linear-gradient(135deg, #33421f, #809a4c);
}

.evidence-source-text {
  min-height: 34rem;
  line-height: 1.6;
  resize: vertical;
  background: #fff;
}

.progress {
  height: 1.25rem;
}

.progress-bar {
  background-color: #809a4c;
}

/* Bootstrap 5.0 badge varsayılanı beyaz yazı + şeffaf arka plan → okunmaz.
   Durum etiketlerinde bg-* ile birlikte kontrastı garanti et. */
.badge.bg-success,
.badge.bg-danger,
.badge.bg-primary,
.badge.bg-secondary,
.badge.bg-info,
.badge.bg-dark {
  color: #fff !important;
}

.badge.bg-warning {
  color: #212529 !important;
}

.badge.bg-light {
  color: #212529 !important;
  border: 1px solid #ced4da;
}