:root {
    --font-size: 16px;
    --high-contrast-bg: #000;
    --high-contrast-text: #fff;
    --negative-contrast-bg: #000;
    --negative-contrast-text: #e2ec1d; /* Warna hijau */
}

html {
    font-size: var(--font-size);
}

body {
    font-size: var(--font-size) !important;
    transition: filter 0.3s ease, font-size 0.3s ease, background-color 0.3s ease, color 0.3s ease;
}

h1 {
    font-size: 2.5rem;
}

p {
    font-size: 1rem;
}

img {
    transition: filter 0.3s ease;
}

.grayscale {
    filter: grayscale(100%) !important;
}

.grayscale img {
    filter: grayscale(100%) !important;
}

.high-contrast {
    background-color: var(--high-contrast-bg) !important;
    color: var(--high-contrast-text) !important;
    filter: none !important;
}

.high-contrast a {
    color: #0ff !important;
}

.negative-contrast {
    background-color: var(--negative-contrast-bg) !important;
    color: var(--negative-contrast-text) !important;
    filter: none !important;
}

.negative-contrast a,
.negative-contrast h1,
.negative-contrast p,
.negative-contrast span,
.negative-contrast div,
.negative-contrast button,
.negative-contrast li,
.negative-contrast ul,
.negative-contrast input,
.negative-contrast textarea,
.negative-contrast select {
    color: var(--negative-contrast-text) !important;
}

.negative-contrast img {
    filter: invert(100%) !important;
}

.accessibility-dropdown {
    position: fixed;
    top: 20%;
    left: 0;
    transform: translateY(-50%);
}

.accessibility-dropdown .dropdown-toggle::after {
    display: none;
}

.dropdown-menu {
    display: none;
}

.dropdown-menu.show {
    display: block;
}