Accessibility Styles 

 public/css/accessibility.css 
:focus {
    outline: 2px solid var(--primary-color);
    outline-offset: 2px;
}

.high-contrast [data-theme="light"] {
    --text-color: #000000;
    --bg-color: #ffffff;
}

[aria-hidden="true"] {
    display: none;
}

 Support for reduced motion 
@media (prefers-reduced-motion: reduce) {
    * {
        animation: none;
        transition: none;
    }
}

 High contrast mode, adjustable text sizes via JS 
body {
    font-size: var(--font-size-base, 16px);
}










/* public/css/accessibility.css */
/* Accessibility styles */
/*:focus {*/
/*    outline: 2px solid var(--primary-color);*/
/*    outline-offset: 2px;*/
/*}*/

/*.high-contrast [data-theme="light"] {*/
/*    --text-color: #000000;*/
/*    --bg-color: #ffffff;*/
/*}*/

/* High contrast mode adjustment */
/*@media (prefers-contrast: high) {*/
/*    body { background: white; color: black; }*/
/*}*/

/* Ensure readable font sizes */
/*body {*/
/*    font-size: var(--font-size-base, 16px);*/
/*}*/