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

:where(html) {
  /* --grey: oklch(from var(--color-primary, hsl(210 14% 83%)) l .008 h);
  --grey-1: oklch(from var(--grey) calc(l + var(--_l-1)) c calc(h + var(--_h-1)) );
  --grey-2: oklch(from var(--grey) calc(l + var(--_l-2)) c calc(h + var(--_h-2)) );
  --grey-3: oklch(from var(--grey) calc(l + var(--_l-3)) c calc(h + var(--_h-3)) ); 
  --grey-4: oklch(from var(--grey) calc(l + var(--_l-4)) c calc(h + var(--_h-4)) ); 
  --grey-5: var(--grey);
  --grey-6: oklch(from var(--grey) calc(l - var(--_l-6)) c calc(h - var(--_h-6)) ); 
  --grey-7: oklch(from var(--grey) calc(l - var(--_l-7)) c calc(h - var(--_h-7)) ); 
  --grey-8: oklch(from var(--grey) calc(l - var(--_l-8)) c calc(h - var(--_h-8)) ); 
  --grey-9: oklch(from var(--grey) calc(l - var(--_l-9)) c calc(h - var(--_h-9)) );  */
  --grey-contrast: var(--white); /*color-contrast(var(--grey) vs var(--white), var(--black));*/
  --grey-shade: var(--grey-7);
  --grey-tint: var(--grey-3);
  --grey: hsl(210 14% 83%);
  --grey-1: hsl(210 17% 95%);
  --grey-2: hsl(210 16% 93%);
  --grey-3: hsl(210 14% 89%);
  --grey-4: hsl(210 14% 83%);
  --grey-5: hsl(210 11% 71%);
  --grey-6: hsl(210 7% 56%);
  --grey-7: hsl(210 9% 31%);
  --grey-8: hsl(210 10% 23%);
  --grey-9: hsl(210 11% 15%);
}