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

:where(html) {
  /* Pink */
  /* --red-h: 150; */
  --pink: #E64980;
  /* --pink-standard: hsl(from var(--red-base) calc(h + 30) s l); */
  --pink-1: oklch(from var(--pink) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --pink-2: oklch(from var(--pink) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --pink-3: oklch(from var(--pink) calc(l + var(--_l-3)) c calc(h + var(--_h-3))); 
  --pink-4: oklch(from var(--pink) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --pink-5: var(--pink); 
  --pink-6: oklch(from var(--pink) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --pink-7: oklch(from var(--pink) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --pink-8: oklch(from var(--pink) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --pink-9: oklch(from var(--pink) calc(l - var(--_l-9)) c calc(h - var(--_h-9))); 
  --pink-contrast: color-contrast(var(--pink) vs var(--white), var(--black));
  --pink-shade: var(--pink-7);
  --pink-tint: var(--pink-3);
  /* --pink-1: color-mix(in oklch, var(--pink-base), white var(--bw-step-away-4) );   */
  /* --pink-2: color-mix(in oklch, var(--pink-base), white var(--bw-step-away-3) );   */
  /* --pink-3: color-mix(in oklch, var(--pink-base), white var(--bw-step-away-2) );   */
  /* --pink-4: color-mix(in oklch, var(--pink-base), white var(--bw-step-away-1) );   */
  /* --pink-5: var(--pink-base);  */
  /* --pink-6: color-mix(in oklch, var(--pink-base), black var(--bw-step-away-1) );   */
  /* --pink-7: color-mix(in oklch, var(--pink-base), black var(--bw-step-away-2) );   */
  /* --pink-8: color-mix(in oklch, var(--pink-base), black var(--bw-step-away-3) );   */
  /* --pink-9: color-mix(in oklch, var(--pink-base), black var(--bw-step-away-4) );  */

  /* --pink-3: #F090B3; 
  --pink-5: #E64680; 
  --pink-7: #C61B59;
  --pink: var(--pink-5); */
}