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

:where(html) {
  /* Green */
  --green: #30c57f; /*#51cf66;/*#40C057;*/
  --green-0: #ebfbee;
  --green-1: #d3f9d8;
  --green-2: #b2f2bb;
  --green-3: #8ce99a;
  --green-4: #69db7c;
  --green-5: #51cf66;
  --green-6: #40c057;
  --green-7: #37b24d;
  --green-8: #2f9e44;
  --green-9: #2b8a3e;
  --green-10: #237032;
  --green-11: #1b5727;
  --green-12: #133d1b;
  --green-contrast: color-contrast(var(--green) vs var(--white), var(--black));
  --green-shade: var(--green-7);
  --green-tint: var(--green-3);
  /*
  --green-1: oklch(from var(--green) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --green-2: oklch(from var(--green) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --green-3: oklch(from var(--green) calc(l + var(--_l-3)) c calc(h + var(--_h-3)));
  --green-4: oklch(from var(--green) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --green-5: var(--green); 
  --green-6: oklch(from var(--green) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --green-7: oklch(from var(--green) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --green-8: oklch(from var(--green) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --green-9: oklch(from var(--green) calc(l - var(--_l-9)) c calc(h - var(--_h-9))); 
  --green-contrast: color-contrast(var(--green) vs var(--white), var(--black));
  --green-shade: var(--green-7);
  --green-tint: var(--green-3);
  --green-3: #BFDD8C;
  --green-5: #94C63F;
  --green-7: #70972D;
  --green: var(--green-5); */
}