:root {
  --mono-bg: #000000;
  --mono-text: #ffffff;
  --mono-border: #ffffff;
}

html,
body {
  background: var(--mono-bg) !important;
  color: var(--mono-text) !important;
}

/* Force a strict monochrome theme across pages, including inline-styled blocks. */
*:not(img):not(svg):not(path):not(video):not(canvas) {
  color: var(--mono-text) !important;
  border-color: var(--mono-border) !important;
  background-color: var(--mono-bg) !important;
  background-image: none !important;
  box-shadow: none !important;
}

a,
a:hover,
a:focus,
a:visited {
  color: var(--mono-text) !important;
}

input,
select,
textarea,
button {
  background: var(--mono-bg) !important;
  color: var(--mono-text) !important;
  border: 1px solid var(--mono-border) !important;
}

input::placeholder,
textarea::placeholder {
  color: var(--mono-text) !important;
  opacity: 1 !important;
}

hr,
table,
th,
td,
fieldset {
  border-color: var(--mono-border) !important;
}

/* Enforce sharp corners across controls and container blocks. */
button,
input,
select,
textarea,
section,
article,
aside,
main,
details,
summary,
fieldset,
form,
a,
[role="button"],
.btn,
[class*="btn"],
.card,
[class*="card"],
[class*="panel"],
[class*="modal"],
[class*="box"],
[class*="pill"],
div {
  border-radius: 0 !important;
}