/* #region Background Color Theme Classes */
.theme-primary {background: var(--brand-primary);}

.theme-primary-lightest {background: var(--brand-primary-lightest);}
.theme-primary-light {background: var(--brand-primary-light);}
.theme-primary-dark {background: var(--brand-primary-dark);}
.theme-primary-darkest {background: var(--brand-primary-darkest);}


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

.theme-tertiary {background: var(--theme-tertiary);}

.theme-highlight {background: var(--theme-highlight);}

.theme-tertiary-light {background: var(--theme-tertiary-light);}
.theme-tertiary-dark {background: var(--theme-tertiary-dark);}

.gray-900 {background: var(--gray-900);}
.gray-800 {background: var(--gray-800);}
.gray-700 {background: var(--gray-700);}
.gray-600 {background: var(--gray-600);}
.gray-500 {background: var(--gray-500);}
.gray-400 {background: var(--gray-400);}
.gray-300 {background: var(--gray-300);}
.gray-200 {background: var(--gray-200);}
.gray-100 {background: var(--gray-100);}
/*.white {background: var(--white);}
    conflicted with .white ruleset in origami.css, removed for ORDEV-29149
*/

.success {background: var(--success);}
.success-light {background: var(--success-light);}
.success-dark {background: var(--success-dark);}

.caution {background: var(--caution);}
.caution-light {background: var(--caution-light);}
.caution-dark {background: var(--caution-dark);}

.warning {background: var(--warning);}
.warning-light {background: var(--warning-light);}
.warning-dark {background: var(--warning-dark);}

.danger {background: var(--danger);}
.danger-light {background: var(--danger-light);}
.danger-dark {background: var(--danger-dark);}

.info {background: var(--info);}
.info-light {background: var(--info-light);}
.info-dark {background: var(--info-dark);}

.neutral {background: var(--neutral);}
.neutral-light {background: var(--neutral-light);}
.neutral-dark {background: var(--neutral-dark);}

.highlight {background: var(--highlight);}
/* #endregion */

/* #region Background Color Palette Classes */
.blue-900 {background: var(--blue-900);}
.blue-700 {background: var(--blue-700);}
.blue-500 {background: var(--blue-500);}
.blue-450 {background: var(--blue-450);}
.blue-350 {background: var(--blue-350);}
.blue-300 {background: var(--blue-300);}
.blue-100 {background: var(--blue-100);}

.green-800 {background: var(--green-800);}
.green-500 {background: var(--green-500);}
.green-200 {background: var(--green-200);}

.yellow-800 {background: var(--yellow-800);}
.yellow-500 {background: var(--yellow-500);}
.yellow-200 {background: var(--yellow-200);}

.orange-800 {background: var(--orange-800);}
.orange-500 {background: var(--orange-500);}
.orange-200 {background: var(--orange-200);}

.red-800 {background: var(--red-800);}
.red-500 {background: var(--red-500);}
.red-200 {background: var(--red-200);}
/* #endregion */