/* Text Color */
.text-primary{
    color: var(--primary) !important;
}

.text-secondary{
    color: var(--secondary) !important;
}

.text-accent{
    color: var(--accent) !important;
}

.text-black{
    color: var(--black) !important;
}

.text-grey{
    color: var(--grey) !important;
}

.text-white{
    color: var(--white) !important;
}


/* Background Color*/

.background-primary{
    background-color: var(--primary);
}

.background-secondary{
    background-color: var(--secondary);
}

.background-accent{
    background-color: var(--accent);
}

.background-white{
    background-color: var(--white);
}

.background-grey{
    background-color: var(--grey);
}

.background-pastel{
    background-color: var(--pastel);
    transition: all 300ms linear;
}

.background-jne {
    background-color: var(--jne);
}

.btn:hover.background-pastel{
    background-color: #349B04;
    transition: all 300ms linear;
}

@media (hover: hover) and (pointer: fine){
}