/* ============================================================
   eObce Theme - Accessibility styles
   Font size levels + high contrast overrides
   ============================================================ */

/* Font size adjustment classes */
body.font-size-large {
  font-size: 1.125rem;
}

body.font-size-large h1 { font-size: 2.5rem; }
body.font-size-large h2 { font-size: 1.75rem; }
body.font-size-large h3 { font-size: 1.35rem; }
body.font-size-large .news-featured-body h3 { font-size: 1.25rem; }
body.font-size-large .navmenu > ul > li > a { font-size: 1rem; }

body.font-size-larger {
  font-size: 1.25rem;
}

body.font-size-larger h1 { font-size: 2.75rem; }
body.font-size-larger h2 { font-size: 2rem; }
body.font-size-larger h3 { font-size: 1.5rem; }
body.font-size-larger .news-featured-body h3 { font-size: 1.35rem; }
body.font-size-larger .navmenu > ul > li > a { font-size: 1.05rem; }

/* Focus visible styles */
:focus-visible {
  outline: 3px solid var(--color-primary);
  outline-offset: 2px;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Prefer high contrast from system */
@media (prefers-contrast: high) {
  :root {
    --color-border: #666;
    --shadow-sm: 0 1px 3px rgba(0,0,0,.2);
    --shadow: 0 4px 12px rgba(0,0,0,.2);
  }
}