:root {
  --base: rgb(66, 173, 175); 
  --shadeOne: color-mix(in srgb,var(--base),#000 10%);
  --shadeTwo: color-mix(in srgb,var(--base),#000 17%);
  --shadeThree:color-mix(in srgb,var(--base),#000 27%);
  --shadeFour: color-mix(in srgb,var(--base),#000 37%);
  --shadeFive:color-mix(in srgb,var(--base),#fff 67%);
  --shadeSix:color-mix(in srgb,var(--base),#fff 76%);
  --bodyBg: #fff;
  
  /*block tints*/
  --tintOne: color-mix(in srgb,var(--base),#fff 16%);
  --tintTwo: color-mix(in srgb,var(--base),#fff 32%);
  --tintThree:color-mix(in srgb,var(--base),#fff 48%);
  --tintFour: color-mix(in srgb,var(--base),#fff 64%);
  --tintFive:color-mix(in srgb,var(--base),#fff 80%);
  --tintSix:color-mix(in srgb,var(--base),#fff 96%);
}