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

:where(html) {
  /* Purple/Grape */
  --purple: #BE48D8;
  /* --pink-standard: hsl(from var(--red-base) calc(h + 60) s l); */
  --purple-1: oklch(from var(--purple) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --purple-2: oklch(from var(--purple) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --purple-3: oklch(from var(--purple) calc(l + var(--_l-3)) c calc(h + var(--_h-3))); 
  --purple-4: oklch(from var(--purple) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --purple-5: var(--purple); 
  --purple-6: oklch(from var(--purple) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --purple-7: oklch(from var(--purple) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --purple-8: oklch(from var(--purple) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --purple-9: oklch(from var(--purple) calc(l - var(--_l-9)) c calc(h - var(--_h-9))); 
  --purple-contrast: color-contrast(var(--purple) vs var(--white), var(--black));
  --purple-shade: var(--purple-7);
  --purple-tint: var(--purple-3);
  /* --purple-3: #BC93FF;
  --purple-5: #5C3E98;
  --purple-7: #301E57;
  --purple: var(--purple-5); */
}