/* Accessible Bootstrap Override for Freego AA Compliance
   Author: ChatGPT Assistant
   Purpose: Override px-based font sizes in Bootstrap to use relative units (rem)
   Usage: Place this file AFTER bootstrap.min.css to ensure it overrides properly
*/

html, body, p, h1, h2, h3, h4, h5, h6, span, a, li, input, button, label, small, strong, b {
  font-size: 1rem !important;
  line-height: 1.5em !important;
}

small, .small {
  font-size: 0.875rem !important;
}

h1 {
  font-size: 2rem !important;
}
h2 {
  font-size: 1.75rem !important;
}
h3 {
  font-size: 1.5rem !important;
}
h4 {
  font-size: 1.25rem !important;
}
h5 {
  font-size: 1.125rem !important;
}
h6 {
  font-size: 1rem !important;
}

/* Buttons and inputs */
.btn, input, select, textarea {
  font-size: 1rem !important;
}

/* Table headers */
th, td {
  font-size: 1rem !important;
}

/* Navbar and breadcrumb */
.navbar, .breadcrumb, .pagination, .form-control {
  font-size: 1rem !important;
}

/* Accessibility note: using relative sizing allows scaling via browser zoom or user preference. */