:root{
    --primary--color: hsl(180, 22%, 85%); /*stone-60*/
    --primary--highlight: hsl(180, 20%, 87%);  /*stone-100*/ 
    --primary--highlight--hover: hsl(180, 18%, 89%);  /*stone-120*/ 
    --table--hover : hsl(180, 24%, 83%); /*stone-40*/
    --text--color: #1e1e1e;
    --secondary--color: hsl(32, 54%, 89%); /* sand-60 */
    --secondary--darker : hsl(32, 50%, 93%); /* sand-100 */
    --secondary--button : hsla(18, 29%, 46%, 0.9); /* sand-130 */
    --footer-link--color: hsla(189, 100%, 19%, 1); /* water-100*/
    --footer-link--hover--color: #000000;
}