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

:where(html) {
  /* Orange */
  --orange: #FD7E14;
  --orange-1: oklch(from var(--orange) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --orange-2: oklch(from var(--orange) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --orange-3: oklch(from var(--orange) calc(l + var(--_l-3)) c calc(h + var(--_h-3))); 
  --orange-4: oklch(from var(--orange) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --orange-5: var(--orange); 
  --orange-6: oklch(from var(--orange) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --orange-7: oklch(from var(--orange) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --orange-8: oklch(from var(--orange) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --orange-9: oklch(from var(--orange) calc(l - var(--_l-9)) c calc(h - var(--_h-9))); 
  --orange-contrast: color-contrast(var(--orange) vs var(--white), var(--black));
  --orange-shade: var(--orange-7);
  --orange-tint: var(--orange-3);
  /* --orange-3: #fbd38d;
  --orange-5: #ed8936;
  --orange-7: #dd6b20;
  --orange: var(--orange-5); */
}