/* Custom Accessibility Rules and Tokens */

:root {
  /* Default accessibility variable tokens */
  --font-multiplier: 1;
  --line-height-multiplier: 1.5;
  --letter-spacing: normal;
}

/* 1. Font Size Scaling overrides */
html.font-standard {
  font-size: 16px;
}
html.font-large {
  font-size: 19px !important; /* Scale up by ~20% */
}
html.font-xlarge {
  font-size: 22px !important; /* Scale up by ~38% */
}

/* 2. Line Spacing overrides */
html.spacing-high p,
html.spacing-high span,
html.spacing-high li,
html.spacing-high td,
html.spacing-high th,
html.spacing-high div:not([class*="flex"]):not([class*="grid"]) {
  line-height: 1.8 !important;
  letter-spacing: 0.06em !important;
  word-spacing: 0.08em !important;
}

/* 3. High Contrast Theme overrides */
html.contrast-high {
  --bg-primary: #000000;
  --bg-secondary: #111111;
  --text-primary: #ffffff;
  --text-secondary: #ffff00; /* High contrast yellow */
  --border-primary: #ffffff;
  --accent: #ffff00;
}

html.contrast-high body {
  background-color: #000000 !important;
  color: #ffffff !important;
}

html.contrast-high a,
html.contrast-high button:not(.bg-orange-600) {
  color: #ffff00 !important;
  text-decoration: underline !important;
}

html.contrast-high input,
html.contrast-high select,
html.contrast-high textarea {
  background-color: #000000 !important;
  color: #ffffff !important;
  border: 2px solid #ffffff !important;
}

/* Ensure focus rings are extremely prominent in high contrast mode */
html.contrast-high *:focus {
  outline: 3px solid #ffff00 !important;
  outline-offset: 2px !important;
}