/* Accessibility CSS */
html {
    font-size: 100%; /* Default font size */
}

body {
    font-size: 1em; /* Relative to html font size */
}

/* Accessibility features */
.grayscale {
    filter: grayscale(100%);
}

.high-contrast {
    background-color: black !important;
    color: yellow !important; /* High contrast color */
}

.high-contrast a {
    color: cyan !important; /* High contrast link color */
}

.high-contrast h1,
.high-contrast h2,
.high-contrast h3,
.high-contrast h4,
.high-contrast h5,
.high-contrast h6,
.high-contrast p,
.high-contrast span,
.high-contrast div,
.high-contrast li,
.high-contrast table,
.high-contrast th,
.high-contrast td {
    color: yellow !important;
}

.high-contrast button,
.high-contrast input,
.high-contrast select,
.high-contrast textarea {
    background-color: black !important;
    color: yellow !important;
    border: 1px solid yellow !important;
}

.negative-contrast {
    background-color: white;
    color: black;
    filter: invert(1);
}

.light-background {
    background-color: #f5f5f5;
    color: #333;
}

.links-underline a {
    text-decoration: underline;
}

.readable-font {
    font-family: Arial, sans-serif !important;
}