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

:where(html) {
  --neutral: var(--brown);
  /* --neutral-h: 100; */
  --neutral-1: oklch(from var(--neutral) var(--_l-1) c calc(h + var(--_h-1))); 
  --neutral-2: oklch(from var(--neutral) var(--_l-2) c calc(h + var(--_h-2))); 
  --neutral-3: oklch(from var(--neutral) var(--_l-3) c calc(h + var(--_h-3))); 
  --neutral-4: oklch(from var(--neutral) var(--_l-4) c calc(h + var(--_h-4))); 
  --neutral-5: var(--neutral); 
  --neutral-6: oklch(from var(--neutral) var(--_l-6) c calc(h - var(--_h-6))); 
  --neutral-7: oklch(from var(--neutral) var(--_l-7) c calc(h - var(--_h-7))); 
  --neutral-8: oklch(from var(--neutral) var(--_l-8) c calc(h - var(--_h-8)));   
  --neutral-9: oklch(from var(--neutral) var(--_l-9) c calc(h - var(--_h-9))); 
  --neutral-contrast: color-contrast(var(--neutral) vs var(--white), var(--black));
  --neutral-shade: var(--neutral-7);
  --neutral-tint: var(--neutral-3);
}