.background-primary:hover { background-color: var(--primary); } .color-primary { color: var(--primary); } .border-primary { border: 1px solid var(--primary); } .background-secondary:hover { background-color: var(--secondary); } .color-secondary { color: var(--secondary); } .border-secondary { border: 1px solid var(--secondary); } .background-tertiary:hover { background-color: var(--tertiary); } .color-tertiary { color: var(--tertiary); } .border-tertiary { border: 1px solid var(--tertiary); }