/** * MTIC Theme - Accessibility Stylesheet * WCAG 2.1 Level AA Compliance * * @package mtic-theme */ /* Focus indicators - visible for keyboard navigation */ *:focus { outline: 3px solid var(--mtic-secondary, #E8A020); outline-offset: 2px; } *:focus:not(:focus-visible) { outline: none; } *:focus-visible { outline: 3px solid var(--mtic-secondary, #E8A020); outline-offset: 2px; } /* Screen reader only class */ .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } /* High contrast support */ @media (prefers-contrast: high) { :root { --mtic-primary: #000080; --mtic-text: #000000; } } /* Reduced motion support */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; } } /* Text-size tiers — class toggled on by header.js (A- / A / A+) */ html.mtic-text-small { font-size: 80%; } html.mtic-text-normal { font-size: 100%; /* 16px default */ } html.mtic-text-large { font-size: 150%; }