/* Background Colors */
.bg-primary { background-color: var(--primary-color); }
.bg-secondary { background-color: var(--secondary-color); }
.bg-secondary-dark { background-color: var(--secondary-dark-color); }
.bg-black { background-color: var(--black-color); }
.bg-gray-darkest { background-color: var(--gray-darkest-color); }
.bg-gray-dark { background-color: var(--gray-dark-color); }
.bg-gray { background-color: var(--gray-color); }
.bg-gray-light { background-color: var(--gray-light-color); }
.bg-gray-lighter { background-color: var(--gray-lighter-color); }
.bg-gray-lightest { background-color: var(--gray-lightest-color); }
.bg-gray-white { background-color: var(--gray-white-color); }
.bg-white { background-color: var(--white-color); }
.bg-error-dark { background-color: var(--error-dark-color); }
.bg-error-light { background-color: var(--error-light-color); }

/* Text Colors */
.text-primary { color: var(--primary-color); }
.text-secondary { color: var(--secondary-color); }
.text-secondary-dark { color: var(--secondary-dark-color); }
.text-black { color: var(--black-color); }
.text-gray-darkest { color: var(--gray-darkest-color); }
.text-gray-dark { color: var(--gray-dark-color); }
.text-gray { color: var(--gray-color); }
.text-gray-light { color: var(--gray-light-color); }
.text-gray-lighter { color: var(--gray-lighter-color); }
.text-gray-lightest { color: var(--gray-lightest-color); }
.text-gray-white { color: var(--gray-white-color); }
.text-white { color: var(--white-color); }
.text-error-dark { color: var(--error-dark-color); }
.text-error-light { color: var(--error-light-color); }

/* Border Colors */
.border-primary { border-color: var(--primary-color); }
.border-secondary { border-color: var(--secondary-color); }
.border-secondary-dark { border-color: var(--secondary-dark-color); }
.border-black { border-color: var(--black-color); }
.border-gray-darkest { border-color: var(--gray-darkest-color); }
.border-gray-dark { border-color: var(--gray-dark-color); }
.border-gray { border-color: var(--gray-color); }
.border-gray-light { border-color: var(--gray-light-color); }
.border-gray-lighter { border-color: var(--gray-lighter-color); }
.border-gray-lightest { border-color: var(--gray-lightest-color); }
.border-gray-white { border-color: var(--gray-white-color); }
.border-white { border-color: var(--white-color); }
.border-error-dark { border-color: var(--error-dark-color); }
.border-error-light { border-color: var(--error-light-color); }