/* Universal High Contrast Mode CSS */
* {
  background-color: black !important; /* Set background to black */
  color: white !important; /* Set text to white */
  border-color: white !important; /* Set border color to white */
  outline: none !important; /* Remove outlines */
  box-shadow: none !important; /* Remove shadows */
  --nav-color: #ffffff !important;
}


button,
input,
select,
textarea {
  background-color: black !important; /* Inputs and buttons background to black */
  color: white !important; /* Inputs and buttons text to white */
  border: 2px solid white !important; /* Inputs and buttons border to white */
}

header,
footer,
nav,
aside {
  background-color: black !important; /* Structural elements background to black */
  color: white !important; /* Structural elements text to white */
}

table {
  border-collapse: collapse !important; /* Collapse table borders */
  background-color: black !important; /* Table background to black */
  color: white !important; /* Table text to white */
}

label:before {
  border-color: black !important;
}

label:after {
  background-color: black !important;
}

.parent-contrast > svg > path {
  fill: #ffffff !important;
}

.forced-contrast-bg {
  background-color: transparent!important;
}

.forced-bg-greyscale {
  -webkit-filter: grayscale(100%);!important;
}

.forced-contrast-border {
  border: 1px solid white;
}
svg > polygon {
  fill: black !important;
}

svg > rect {
  fill: black !important;
}

th,
td {
  border: 1px solid white !important; /* Table cells border to white */
  padding: 10px !important; /* Padding for table cells */
}

img,
svg {
  -webkit-filter: grayscale(100%) !important; /* Safari 6.0 - 9.0 */
  filter: grayscale(100%) !important;
}

figure,
figcaption {
  background-color: black !important; /* Figure background to black */
  color: white !important; /* Figure caption text to white */
}

::selection {
  background-color: yellow !important; /* Selected text background to yellow */
  color: black !important; /* Selected text color to black */
}

/* High contrast focus styles */
:focus {
  outline: 2px dashed yellow !important; /* Focus outline in dashed yellow */
  outline-offset: 4px !important; /* Offset focus outline */
}