/* Accessibility Improvements - Color Contrast Fixes */

/* Improve text-body-secondary contrast for WCAG AA compliance */
.text-body-secondary {
  color: #6c757d !important; /* Default Bootstrap secondary is too light */
}

[data-bs-theme="dark"] .text-body-secondary {
  color: #adb5bd !important; /* Lighter in dark mode for contrast */
}

/* Improve text-muted contrast */
.text-muted {
  color: #6c757d !important;
}

[data-bs-theme="dark"] .text-muted {
  color: #adb5bd !important;
}

/* Improve badge contrast for subtle variants */
.badge.bg-success-subtle {
  background-color: rgba(25, 135, 84, 0.2) !important;
  color: #0a3622 !important;
}

[data-bs-theme="dark"] .badge.bg-success-subtle {
  background-color: rgba(25, 135, 84, 0.3) !important;
  color: #75b798 !important;
}

.badge.bg-info-subtle {
  background-color: rgba(13, 202, 240, 0.2) !important;
  color: #055160 !important;
}

[data-bs-theme="dark"] .badge.bg-info-subtle {
  background-color: rgba(13, 202, 240, 0.3) !important;
  color: #6edff6 !important;
}

/* Improve card text contrast on colored backgrounds */
.card.bg-primary .card-text.fs-sm {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Quiz card uses Bootstrap's default bg-secondary color - no override needed */

/* Improve fs-lg text-body-secondary contrast */
.fs-lg.text-body-secondary {
  color: #495057 !important;
}

[data-bs-theme="dark"] .fs-lg.text-body-secondary {
  color: #adb5bd !important;
}

/* Footer text contrast */
.footer .text-body-secondary {
  color: #6c757d !important;
}

[data-bs-theme="dark"] .footer .text-body-secondary {
  color: #adb5bd !important;
}
