:root {
    --head : tuppence, serif;
    --body : europa, sans-serif;
    --blu : #064352;
    --tan : #fffbf4;
    --whi : #fffefd; 
}

.has-teal-background-color {
    background-color: var(--blu);
}
.has-teal-color {
    color: var(--blu);
}

.has-beige-background-color {
    background-color: var(--tan);
}
.has-beige-color {
    color: var(--tan);
}

.has-eggshell-background-color {
    background-color: var(--whi);
}
.has-eggshell-color {
    color: var(--whi);
}