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

:where(html) {
  /* Teal */
  --teal: #30C2C7; /*#20c997;*/
  --teal-1: #c7eff0; /*#c3fae8; */
  --teal-2: #a7e5e7; /*#96f2d7;*/
  --teal-3: #81dadd; /*#63e6be;*/
  --teal-4: #2cb0b5; /*#38d9a9;*/
  --teal-5: var(--teal); 
  --teal-6: #238c8f; /*#12b886;*/
  --teal-7: #1b6c6e; /*#0ca678;*/
  --teal-8: #134d4f; /*#099268;*/
  --teal-9: #0b2b2c; /*#087f5b;*/
  --teal-contrast: var(--white); /*color-contrast(var(--teal) vs var(--white), var(--black));*/
  --teal-shade: var(--teal-6);
  --teal-tint: var(--teal-4);

  /* --teal-1: oklch(from var(--teal) calc(l + var(--_l-1)) c calc(h + var(--_h-1))); 
  --teal-2: oklch(from var(--teal) calc(l + var(--_l-2)) c calc(h + var(--_h-2))); 
  --teal-3: oklch(from var(--teal) calc(l + var(--_l-3)) c calc(h + var(--_h-3))); 
  --teal-4: oklch(from var(--teal) calc(l + var(--_l-4)) c calc(h + var(--_h-4))); 
  --teal-5: var(--teal); 
  --teal-6: oklch(from var(--teal) calc(l - var(--_l-6)) c calc(h - var(--_h-6))); 
  --teal-7: oklch(from var(--teal) calc(l - var(--_l-7)) c calc(h - var(--_h-7))); 
  --teal-8: oklch(from var(--teal) calc(l - var(--_l-8)) c calc(h - var(--_h-8)));   
  --teal-9: oklch(from var(--teal) calc(l - var(--_l-9)) c calc(h - var(--_h-9)));  */
  /* --teal-3: #69D2E7;
  --teal-5: #1EA3BE;
  --teal-7: #167A8E;
  --teal: var(--teal-5); */
}