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

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