body{
    --active-collection: rgb(129, 110, 74);
    --earth-sand2: rgb(220, 203, 170);
    --button-hover-color: rgb(207, 187, 144);; 
}

.website-bg{
    background-color: rgb(244, 242, 236); 
    /* background-color: hsl(45 60% 97% / 1); */
}

.earth-sand{
    background-color: hsl(40deg 25% 76% / 60%);
}

.earth-sand2 {
    background-color: rgb(220, 203, 170);
}

.earth-sand3 {
    /* background-color: rgb(230, 226, 216); */
    background-color: hsl(43deg 26.77% 89.93%);
}

.earth-blue {
    background-color: rgb(225, 225, 218); 
}

.earth-red {
    background-color: rgb(152, 77, 67); 
}


.earth-brown{
    background-color: rgb(57, 48, 34); 
}

.earth-active {
    background-color: rgb(129, 110, 74);;
}


/* TEXT */

.text-earth-red {
    color: rgb(141, 77, 67); 
}

.text-earth-tan{
    color: rgb(241, 216, 191); 
}

.text-earth-brown{
    color: rgb(57, 48, 34); 
}

.text-event-orange {
    color: rgb(213, 91, 50); 
}

/* BORDER COLOR */

.earth-brown-border {
    border-color: rgb(57, 48, 34) !important; 
}