/* @import "../base-colors/palette-steps.css"; */
:where(html) {
  /* Secondary */
  --secondary: var(--green);
  --secondary-contrast: var(--green-contrast);
  --secondary-shade: var(--green-shade);
  --secondary-tint: var(--green-tint);
}

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