:where(html) { 
  /* Accent */
  --accent: var(--primary-shade); /* base color */
  --accent-contrast: var(--primary-contrast); /* Opposite of the base color; should be visible against the base color */
  --accent-shade: var(--primary-shade); /* slightly darker version of the base color */
  --accent-tint: var(--primary-tint);  /* slightly lighter version of the base color */

}

.accent,
.accent-color {
  color: var(--accent);
}
.accent-weak,
.accent-weak-bg {
  background-color: var(--accent-tint);
}
.accent-bg {
  background-color: var(--accent);
}
.accent-fill {
  fill: var(--accent);
}
.accent-stroke {
  stroke: var(--accent);
}