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

:where(html) {
  /* Violet */
  --violet: #7950F2;
  /* --pink-standard: hsl(from var(--red-base) calc(h + 90) s l); */
  --violet-1: oklch(from var(--violet) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --violet-2: oklch(from var(--violet) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --violet-3: oklch(from var(--violet) calc(l + var(--_l-3)) c calc(h + var(--_h-3))); 
  --violet-4: oklch(from var(--violet) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --violet-5: var(--violet);
  --violet-6: oklch(from var(--violet) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --violet-7: oklch(from var(--violet) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --violet-8: oklch(from var(--violet) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --violet-9: oklch(from var(--violet) calc(l - var(--_l-9)) c calc(h - var(--_h-9))); 
  --violet-contrast: color-contrast(var(--violet) vs var(--white), var(--black));
  --violet-shade: var(--violet-7);
  --violet-tint: var(--violet-3);
  /* --violet-3: #63b3ed;
  --violet-5: #4299e1;
  --violet-7: #3182ce;
  --violet: var(--violet-5); */
}