/* Screen Reader Only Utility */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Outdoor / High Contrast Mode */
.high-contrast {
  --text-base: #000000;
  --bg-base: #FFFFFF;
  filter: contrast(1.2);
}

.high-contrast text, 
.high-contrast p, 
.high-contrast h1, 
.high-contrast h2, 
.high-contrast h3,
.high-contrast span {
  color: #000000 !important;
  text-shadow: none !important;
}

/* Focus Visible States - WCAG 2.1 Compliant */
*:focus-visible {
  outline: 2px solid #3b82f6; /* blue-500 */
  outline-offset: 2px;
  border-radius: 4px;
}

/* Primary buttons with special focus */
.btn-primary:focus-visible,
.cta-shine:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 4px;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.5);
}

/* Links */
a:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  text-decoration: underline;
}

/* Form inputs */
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 0;
  border-color: #3b82f6;
}

/* Ensure interactive elements are keyboard navigable */
button:focus-visible,
[role="button"]:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
}