html.contrast-mode {
  --wp--preset--color--base: #ffffff;

  --wp--preset--color--contrast: #000000; /* Text */
  --wp--preset--color--contrast-alt: #000000; /* Headings */

  --wp--preset--color--primary: #0000001A; /* Colored Sections */
  --wp--preset--color--secondary: #000000; /* Buttons & Footer */
  
  --wp--preset--color--primary-mixed: #000000;
  --wp--preset--color--secondary-mixed: #000000B2; /* Buttons on hover */

  --wp--preset--color--base-alt: #000000; /* Highlighted Text on Hero */
}

html.contrast-mode .wp-block-heading.has-background {
  background: var(--wp--preset--color--base-alt) !important;
  color: var(--wp--preset--color--base) !important;
}
html.contrast-mode .wp-block-heading {
  color: var(--wp--preset--color--contrast-alt) !important;
}
html.contrast-mode p {
  color: var(--wp--preset--color--contrast) !important;
}

html.contrast-mode .card svg path {
  stroke: var(--wp--preset--color--contrast) !important;
}

html.contrast-mode .pill-accordion {
  border-color: var(--wp--preset--color--contrast) !important;
}
html.contrast-mode .pill-accordion[open] summary,
html.contrast-mode .pill-accordion:hover summary {
  background: #CCCCCC !important;
}
html.contrast-mode .pill-accordion[open] summary {
  border-color: var(--wp--preset--color--contrast) !important;
}
html.contrast-mode .pill-accordion summary::after,
html.contrast-mode .pill-accordion[open] summary::after,
html.contrast-mode .pill-accordion:hover summary::after {
  background: var(--wp--preset--color--contrast) !important;
}

html.contrast-mode .announcement .announcement__inner {
  background: var(--wp--preset--color--secondary) !important;
}
html.contrast-mode .announcement p {
  color: var(--wp--preset--color--base) !important;
}

html.contrast-mode .wp-block-button.is-style-default .wp-block-button__link {
  background: var(--wp--preset--color--primary-mixed) !important;
}
html.contrast-mode .wp-block-button.is-style-default .wp-block-button__link:hover {
  background: var(--wp--preset--color--secondary-mixed) !important;
  color: var(--wp--preset--color--base) !important;
}

html.contrast-mode #footer-upper {
  background: var(--wp--preset--color--secondary) !important;
}
html.contrast-mode #footer-upper h2,
html.contrast-mode #footer-upper p {
  color: var(--wp--preset--color--base) !important;
}

html.contrast-mode section.has-background.has-primary-background-color {
  background: var(--wp--preset--color--primary) !important;
}