/* @import "./palette-steps.css"; */

:where(html) {
  --red-0: #fff5f5;
  --red-1: #ffe3e3;
  --red-2: #ffc9c9;
  --red-3: #ffa8a8;
  --red-4: #ff8787;
  --red-5: #ff6b6b;
  --red-6: #fa5252;
  --red-7: #f03e3e;
  --red-8: #e03131;
  --red-9: #c92a2a;
  --red-10: #b02525;
  --red-11: #962020;
  --red-12: #7d1a1a;
  /* Red */
  --red: var(--red-5); /*#FA5252;*/


  --red-contrast: var(--white); /*color-contrast(var(--red) vs var(--white), var(--black));*/
  --red-shade: var(--red-7);
  --red-tint: var(--red-3);

}