:root {
  --color--harmony---orange---100: #FDEFE6FF;
  --color--harmony---orange---200: #FBDFCEFF;
  --color--harmony---orange---300: #F9CFB5FF;
  --color--harmony---orange---400: #F7BF9DFF;
  --color--harmony---orange---500: #F5AF84FF;
  --color--harmony---orange---600: #F39F6CFF;
  --color--harmony---orange---700: #F18F54FF;
  --color--harmony---orange---800: #EF7F3BFF;
  --color--harmony---orange---900: #EB5F0AFF;
  --color--harmony---orange---1000: #EB5F0AFF;
  --color--harmony---orange---1100: #D35609FF;
  --color--harmony---orange---1200: #BC4C08FF;
  --color--harmony---green---100: #E8F8EFFF;
  --color--harmony---green---200: #D1F0DEFF;
  --color--harmony---green---300: #BBE9CEFF;
  --color--harmony---green---400: #A4E1BEFF;
  --color--harmony---green---500: #8DDAADFF;
  --color--harmony---green---600: #76D39DFF;
  --color--harmony---green---700: #5FCB8DFF;
  --color--harmony---green---800: #49C47DFF;
  --color--harmony---green---900: #32BC6CFF;
  --color--harmony---green---1000: #1BB55CFF;
  --color--harmony---green---1100: #18A353FF;
  --color--harmony---green---1200: #16914AFF;
  --color--harmony---lavender-light---100: #F3EBFDFF;
  --color--harmony---lavender-light---200: #E6D7FAFF;
  --color--harmony---lavender-light---300: #DAC2F8FF;
  --color--harmony---lavender-light---400: #CDAEF6FF;
  --color--harmony---lavender-light---500: #C19AF3FF;
  --color--harmony---lavender-light---600: #B586F1FF;
  --color--harmony---lavender-light---700: #A872EFFF;
  --color--harmony---lavender-light---800: #9C5DEDFF;
  --color--harmony---lavender-light---900: #8F49EAFF;
  --color--harmony---lavender-light---1000: #8335E8FF;
  --color--harmony---lavender-light---1100: #7630D1FF;
  --color--harmony---lavender-light---1200: #692ABAFF;
  --color--harmony---Red---100: #FCEBEAFF;
  --color--harmony---Red---200: #F9D8D6FF;
  --color--harmony---Red---300: #F6C4C1FF;
  --color--harmony---Red---400: #F3B1ADFF;
  --color--harmony---Red---500: #EF9D98FF;
  --color--harmony---Red---600: #EC8A83FF;
  --color--harmony---Red---700: #E9776FFF;
  --color--harmony---Red---800: #E6635AFF;
  --color--harmony---Red---900: #E35046FF;
  --color--harmony---Red---1000: #E03C31FF;
  --color--harmony---Red---1100: #CA362CFF;
  --color--harmony---Red---1200: #B33027FF;
  --color--harmony---clay---100: #E9EAEBFF;
  --color--harmony---clay---200: #D2D4D7FF;
  --color--harmony---clay---300: #BCBFC3FF;
  --color--harmony---clay---400: #A5A9AFFF;
  --color--harmony---clay---500: #8F949BFF;
  --color--harmony---clay---600: #797F87FF;
  --color--harmony---clay---700: #626973FF;
  --color--harmony---clay---800: #4C545FFF;
  --color--harmony---clay---900: #353E4BFF;
  --color--harmony---clay---1000: #1F2937FF;
  --color--harmony---clay---1100: #1C2532FF;
  --color--harmony---clay---1200: #1F2937FF;
  --color--harmony---Gold---100: #FEF7E7FF;
  --color--harmony---Gold---200: #FDF0CFFF;
  --color--harmony---Gold---300: #FCE8B7FF;
  --color--harmony---Gold---400: #FBE19FFF;
  --color--harmony---Gold---500: #FBD986FF;
  --color--harmony---Gold---600: #FAD26EFF;
  --color--harmony---Gold---700: #F9CB56FF;
  --color--harmony---Gold---800: #F8C33EFF;
  --color--harmony---Gold---900: #F7BB26FF;
  --color--harmony---Gold---1000: #F6B40EFF;
  --color--harmony---Gold---1100: #DDA20DFF;
  --color--harmony---Gold---1200: #C5900BFF;
  --color--harmony---Indigo-Blue---100: #F2F4FEFF;
  --color--harmony---Indigo-Blue---200: #E6E9FCFF;
  --color--harmony---Indigo-Blue---300: #D9DFFBFF;
  --color--harmony---Indigo-Blue---400: #CCD4F9FF;
  --color--harmony---Indigo-Blue---500: #BFC9F8FF;
  --color--harmony---Indigo-Blue---600: #B3BEF7FF;
  --color--harmony---Indigo-Blue---700: #A6B3F5FF;
  --color--harmony---Indigo-Blue---800: #99A9F4FF;
  --color--harmony---Indigo-Blue---900: #8D9EF2FF;
  --color--harmony---Indigo-Blue---1000: #8093F1FF;
  --color--harmony---Indigo-Blue---1100: #7384D9FF;
  --color--harmony---Indigo-Blue---1200: #6676C1FF;
  --color--harmony---tech-blue---100: #EBEFFBFF;
  --color--harmony---tech-blue---200: #D8DEF8FF;
  --color--harmony---tech-blue---300: #C4CEF4FF;
  --color--harmony---tech-blue---400: #B1BDF1FF;
  --color--harmony---tech-blue---500: #9DADEDFF;
  --color--harmony---tech-blue---600: #899DE9FF;
  --color--harmony---tech-blue---700: #768CE6FF;
  --color--harmony---tech-blue---800: #627CE2FF;
  --color--harmony---tech-blue---900: #4F6BDFFF;
  --color--harmony---tech-blue---1000: #3B5BDBFF;
  --color--harmony---tech-blue---1100: #3552C5FF;
  --color--harmony---tech-blue---1200: #2F49AFFF;
  --color-brand-orange: #EB5F0AFF;
  --color--harmony---deep-blue---100: #EBEFFBFF;
  --color--harmony---deep-blue---200: #D8DEF8FF;
  --color--harmony---deep-blue---300: #C4CEF4FF;
  --color--harmony---deep-blue---400: #B1BDF1FF;
  --color--harmony---deep-blue---500: #9DADEDFF;
  --color--harmony---deep-blue---600: #899DE9FF;
  --color--harmony---deep-blue---700: #768CE6FF;
  --color--harmony---deep-blue---800: #627CE2FF;
  --color--harmony---deep-blue---900: #4F6BDFFF;
  --color--harmony---deep-blue---1000: #3B5BDBFF;
  --color--harmony---deep-blue---1100: #3552C5FF;
  --color-brand-clay: #1F2937FF;
  --color--harmony---deep-blue---1200: #2F49AFFF;
  --color-supporting-deep-blue: #3B5BDBFF;
  --color-supporting-indigo-blue: #8093F1FF;
  --color-supporting-lavender-light: #8335E8FF;
  --color-state-success: #1BB55CFF;
  --color--harmony---slate-gray---100: #F0F1F3FF;
  --color--harmony---slate-gray---200: #E0E2E7FF;
  --color--harmony---slate-gray---300: #D1D4DAFF;
  --color--harmony---slate-gray---400: #C2C6CEFF;
  --color--harmony---slate-gray---500: #B2B7C2FF;
  --color-state-warning: #F6B40EFF;
  --color-state-error: #E03C31FF;
  --color--harmony---slate-gray---600: #A3A9B6FF;
  --color-state-info: #3B5BDBFF;
  --color-state-neutral: #667085FF;
  --color--harmony---slate-gray---700: #949BAAFF;
  --color-background-light-primary: #FFFFFFFF;
  --color--harmony---slate-gray---800: #858D9DFF;
  --color-interactive-rest: #1F2937FF;
  --color-background-light-secondary: #FAFAFAFF;
  --color--harmony---slate-gray---900: #757E91FF;
  --color--harmony---slate-gray---1000: #667085FF;
  --color-background-light-tertiary: #F2F2F2FF;
  --color-interactive-hover: #080B0EFF;
  --color--harmony---slate-gray---1100: #5C6578FF;
  --color-interactive-active: #141A23FF;
  --color--harmony---slate-gray---1200: #525A6AFF;
  --color-background-light-quaternary: #EDEDEDFF;
  --color-background-light-quinary: #E8E8E8FF;
  --color-interactive-disabled: #BCBFC3FF;
  --text-primary: #111111FF;
  --link-default: #002BBCFF;
  --link-visited: #280099FF;
  --icon-default: #1F2937FF;
  --icon-highlighted: #EB640AFF;
  --color-state-bg-success: #E8F8EFFF;
  --color-state-bg-info: #EBEFFBFF;
  --color-state-bg-warning: #FEF7E7FF;
  --color-state-bg-error: #FCEBEAFF;
  --color-state-bg-neutral: #F0F1F3FF;
}

.text-harmony-orange-100 { color: var(--color--harmony---orange---100); }
.text-harmony-orange-200 { color: var(--color--harmony---orange---200); }
.text-harmony-orange-300 { color: var(--color--harmony---orange---300); }
.text-harmony-orange-400 { color: var(--color--harmony---orange---400); }
.text-harmony-orange-500 { color: var(--color--harmony---orange---500); }
.text-harmony-orange-600 { color: var(--color--harmony---orange---600); }
.text-harmony-orange-700 { color: var(--color--harmony---orange---700); }
.text-harmony-orange-800 { color: var(--color--harmony---orange---800); }
.text-harmony-orange-900 { color: var(--color--harmony---orange---900); }
.text-harmony-orange-1000 { color: var(--color--harmony---orange---1000); }
.text-harmony-orange-1100 { color: var(--color--harmony---orange---1100); }
.text-harmony-orange-1200 { color: var(--color--harmony---orange---1200); }

.text-harmony-green-100 { color: var(--color--harmony---green---100); }
.text-harmony-green-200 { color: var(--color--harmony---green---200); }
.text-harmony-green-300 { color: var(--color--harmony---green---300); }
.text-harmony-green-400 { color: var(--color--harmony---green---400); }
.text-harmony-green-500 { color: var(--color--harmony---green---500); }
.text-harmony-green-600 { color: var(--color--harmony---green---600); }
.text-harmony-green-700 { color: var(--color--harmony---green---700); }
.text-harmony-green-800 { color: var(--color--harmony---green---800); }
.text-harmony-green-900 { color: var(--color--harmony---green---900); }
.text-harmony-green-1000 { color: var(--color--harmony---green---1000); }
.text-harmony-green-1100 { color: var(--color--harmony---green---1100); }
.text-harmony-green-1200 { color: var(--color--harmony---green---1200); }

.text-harmony-lavender-light-100 { color: var(--color--harmony---lavender-light---100); }
.text-harmony-lavender-light-200 { color: var(--color--harmony---lavender-light---200); }
.text-harmony-lavender-light-300 { color: var(--color--harmony---lavender-light---300); }
.text-harmony-lavender-light-400 { color: var(--color--harmony---lavender-light---400); }
.text-harmony-lavender-light-500 { color: var(--color--harmony---lavender-light---500); }
.text-harmony-lavender-light-600 { color: var(--color--harmony---lavender-light---600); }
.text-harmony-lavender-light-700 { color: var(--color--harmony---lavender-light---700); }
.text-harmony-lavender-light-800 { color: var(--color--harmony---lavender-light---800); }
.text-harmony-lavender-light-900 { color: var(--color--harmony---lavender-light---900); }
.text-harmony-lavender-light-1000 { color: var(--color--harmony---lavender-light---1000); }
.text-harmony-lavender-light-1100 { color: var(--color--harmony---lavender-light---1100); }
.text-harmony-lavender-light-1200 { color: var(--color--harmony---lavender-light---1200); }

.text-harmony-red-100 { color: var(--color--harmony---Red---100); }
.text-harmony-red-200 { color: var(--color--harmony---Red---200); }
.text-harmony-red-300 { color: var(--color--harmony---Red---300); }
.text-harmony-red-400 { color: var(--color--harmony---Red---400); }
.text-harmony-red-500 { color: var(--color--harmony---Red---500); }
.text-harmony-red-600 { color: var(--color--harmony---Red---600); }
.text-harmony-red-700 { color: var(--color--harmony---Red---700); }
.text-harmony-red-800 { color: var(--color--harmony---Red---800); }
.text-harmony-red-900 { color: var(--color--harmony---Red---900); }
.text-harmony-red-1000 { color: var(--color--harmony---Red---1000); }
.text-harmony-red-1100 { color: var(--color--harmony---Red---1100); }
.text-harmony-red-1200 { color: var(--color--harmony---Red---1200); }

.text-harmony-clay-100 { color: var(--color--harmony---clay---100); }
.text-harmony-clay-200 { color: var(--color--harmony---clay---200); }
.text-harmony-clay-300 { color: var(--color--harmony---clay---300); }
.text-harmony-clay-400 { color: var(--color--harmony---clay---400); }
.text-harmony-clay-500 { color: var(--color--harmony---clay---500); }
.text-harmony-clay-600 { color: var(--color--harmony---clay---600); }
.text-harmony-clay-700 { color: var(--color--harmony---clay---700); }
.text-harmony-clay-800 { color: var(--color--harmony---clay---800); }
.text-harmony-clay-900 { color: var(--color--harmony---clay---900); }
.text-harmony-clay-1000 { color: var(--color--harmony---clay---1000); }
.text-harmony-clay-1100 { color: var(--color--harmony---clay---1100); }
.text-harmony-clay-1200 { color: var(--color--harmony---clay---1200); }

.text-harmony-gold-100 { color: var(--color--harmony---Gold---100); }
.text-harmony-gold-200 { color: var(--color--harmony---Gold---200); }
.text-harmony-gold-300 { color: var(--color--harmony---Gold---300); }
.text-harmony-gold-400 { color: var(--color--harmony---Gold---400); }
.text-harmony-gold-500 { color: var(--color--harmony---Gold---500); }
.text-harmony-gold-600 { color: var(--color--harmony---Gold---600); }
.text-harmony-gold-700 { color: var(--color--harmony---Gold---700); }
.text-harmony-gold-800 { color: var(--color--harmony---Gold---800); }
.text-harmony-gold-900 { color: var(--color--harmony---Gold---900); }
.text-harmony-gold-1000 { color: var(--color--harmony---Gold---1000); }
.text-harmony-gold-1100 { color: var(--color--harmony---Gold---1100); }
.text-harmony-gold-1200 { color: var(--color--harmony---Gold---1200); }

.text-harmony-indigo-blue-100 { color: var(--color--harmony---Indigo-Blue---100); }
.text-harmony-indigo-blue-200 { color: var(--color--harmony---Indigo-Blue---200); }
.text-harmony-indigo-blue-300 { color: var(--color--harmony---Indigo-Blue---300); }
.text-harmony-indigo-blue-400 { color: var(--color--harmony---Indigo-Blue---400); }
.text-harmony-indigo-blue-500 { color: var(--color--harmony---Indigo-Blue---500); }
.text-harmony-indigo-blue-600 { color: var(--color--harmony---Indigo-Blue---600); }
.text-harmony-indigo-blue-700 { color: var(--color--harmony---Indigo-Blue---700); }
.text-harmony-indigo-blue-800 { color: var(--color--harmony---Indigo-Blue---800); }
.text-harmony-indigo-blue-900 { color: var(--color--harmony---Indigo-Blue---900); }
.text-harmony-indigo-blue-1000 { color: var(--color--harmony---Indigo-Blue---1000); }
.text-harmony-indigo-blue-1100 { color: var(--color--harmony---Indigo-Blue---1100); }
.text-harmony-indigo-blue-1200 { color: var(--color--harmony---Indigo-Blue---1200); }

.text-harmony-tech-blue-100 { color: var(--color--harmony---tech-blue---100); }
.text-harmony-tech-blue-200 { color: var(--color--harmony---tech-blue---200); }
.text-harmony-tech-blue-300 { color: var(--color--harmony---tech-blue---300); }
.text-harmony-tech-blue-400 { color: var(--color--harmony---tech-blue---400); }
.text-harmony-tech-blue-500 { color: var(--color--harmony---tech-blue---500); }
.text-harmony-tech-blue-600 { color: var(--color--harmony---tech-blue---600); }
.text-harmony-tech-blue-700 { color: var(--color--harmony---tech-blue---700); }
.text-harmony-tech-blue-800 { color: var(--color--harmony---tech-blue---800); }
.text-harmony-tech-blue-900 { color: var(--color--harmony---tech-blue---900); }
.text-harmony-tech-blue-1000 { color: var(--color--harmony---tech-blue---1000); }
.text-harmony-tech-blue-1100 { color: var(--color--harmony---tech-blue---1100); }
.text-harmony-tech-blue-1200 { color: var(--color--harmony---tech-blue---1200); }

.text-harmony-deep-blue-100 { color: var(--color--harmony---deep-blue---100); }
.text-harmony-deep-blue-200 { color: var(--color--harmony---deep-blue---200); }
.text-harmony-deep-blue-300 { color: var(--color--harmony---deep-blue---300); }
.text-harmony-deep-blue-400 { color: var(--color--harmony---deep-blue---400); }
.text-harmony-deep-blue-500 { color: var(--color--harmony---deep-blue---500); }
.text-harmony-deep-blue-600 { color: var(--color--harmony---deep-blue---600); }
.text-harmony-deep-blue-700 { color: var(--color--harmony---deep-blue---700); }
.text-harmony-deep-blue-800 { color: var(--color--harmony---deep-blue---800); }
.text-harmony-deep-blue-900 { color: var(--color--harmony---deep-blue---900); }
.text-harmony-deep-blue-1000 { color: var(--color--harmony---deep-blue---1000); }
.text-harmony-deep-blue-1100 { color: var(--color--harmony---deep-blue---1100); }
.text-harmony-deep-blue-1200 { color: var(--color--harmony---deep-blue---1200); }

.text-harmony-slate-gray-100 { color: var(--color--harmony---slate-gray---100); }
.text-harmony-slate-gray-200 { color: var(--color--harmony---slate-gray---200); }
.text-harmony-slate-gray-300 { color: var(--color--harmony---slate-gray---300); }
.text-harmony-slate-gray-400 { color: var(--color--harmony---slate-gray---400); }
.text-harmony-slate-gray-500 { color: var(--color--harmony---slate-gray---500); }
.text-harmony-slate-gray-600 { color: var(--color--harmony---slate-gray---600); }
.text-harmony-slate-gray-700 { color: var(--color--harmony---slate-gray---700); }
.text-harmony-slate-gray-800 { color: var(--color--harmony---slate-gray---800); }
.text-harmony-slate-gray-900 { color: var(--color--harmony---slate-gray---900); }
.text-harmony-slate-gray-1000 { color: var(--color--harmony---slate-gray---1000); }
.text-harmony-slate-gray-1100 { color: var(--color--harmony---slate-gray---1100); }
.text-harmony-slate-gray-1200 { color: var(--color--harmony---slate-gray---1200); }


.text-brand-orange { color: var(--color-brand-orange); }
.text-brand-clay { color: var(--color-brand-clay); }


.bg-harmony-orange-100 { background-color: var(--color--harmony---orange---100); }
.bg-harmony-orange-200 { background-color: var(--color--harmony---orange---200); }
.bg-harmony-orange-300 { background-color: var(--color--harmony---orange---300); }
.bg-harmony-orange-400 { background-color: var(--color--harmony---orange---400); }
.bg-harmony-orange-500 { background-color: var(--color--harmony---orange---500); }
.bg-harmony-orange-600 { background-color: var(--color--harmony---orange---600); }
.bg-harmony-orange-700 { background-color: var(--color--harmony---orange---700); }
.bg-harmony-orange-800 { background-color: var(--color--harmony---orange---800); }
.bg-harmony-orange-900 { background-color: var(--color--harmony---orange---900); }
.bg-harmony-orange-1000 { background-color: var(--color--harmony---orange---1000); }
.bg-harmony-orange-1100 { background-color: var(--color--harmony---orange---1100); }
.bg-harmony-orange-1200 { background-color: var(--color--harmony---orange---1200); }

.bg-harmony-green-100 { background-color: var(--color--harmony---green---100); }
.bg-harmony-green-200 { background-color: var(--color--harmony---green---200); }
.bg-harmony-green-300 { background-color: var(--color--harmony---green---300); }
.bg-harmony-green-400 { background-color: var(--color--harmony---green---400); }
.bg-harmony-green-500 { background-color: var(--color--harmony---green---500); }
.bg-harmony-green-600 { background-color: var(--color--harmony---green---600); }
.bg-harmony-green-700 { background-color: var(--color--harmony---green---700); }
.bg-harmony-green-800 { background-color: var(--color--harmony---green---800); }
.bg-harmony-green-900 { background-color: var(--color--harmony---green---900); }
.bg-harmony-green-1000 { background-color: var(--color--harmony---green---1000); }
.bg-harmony-green-1100 { background-color: var(--color--harmony---green---1100); }
.bg-harmony-green-1200 { background-color: var(--color--harmony---green---1200); }

.bg-harmony-lavender-light-100 { background-color: var(--color--harmony---lavender-light---100); }
.bg-harmony-lavender-light-200 { background-color: var(--color--harmony---lavender-light---200); }
.bg-harmony-lavender-light-300 { background-color: var(--color--harmony---lavender-light---300); }
.bg-harmony-lavender-light-400 { background-color: var(--color--harmony---lavender-light---400); }
.bg-harmony-lavender-light-500 { background-color: var(--color--harmony---lavender-light---500); }
.bg-harmony-lavender-light-600 { background-color: var(--color--harmony---lavender-light---600); }
.bg-harmony-lavender-light-700 { background-color: var(--color--harmony---lavender-light---700); }
.bg-harmony-lavender-light-800 { background-color: var(--color--harmony---lavender-light---800); }
.bg-harmony-lavender-light-900 { background-color: var(--color--harmony---lavender-light---900); }
.bg-harmony-lavender-light-1000 { background-color: var(--color--harmony---lavender-light---1000); }
.bg-harmony-lavender-light-1100 { background-color: var(--color--harmony---lavender-light---1100); }
.bg-harmony-lavender-light-1200 { background-color: var(--color--harmony---lavender-light---1200); }

.bg-harmony-red-100 { background-color: var(--color--harmony---Red---100); }
.bg-harmony-red-200 { background-color: var(--color--harmony---Red---200); }
.bg-harmony-red-300 { background-color: var(--color--harmony---Red---300); }
.bg-harmony-red-400 { background-color: var(--color--harmony---Red---400); }
.bg-harmony-red-500 { background-color: var(--color--harmony---Red---500); }
.bg-harmony-red-600 { background-color: var(--color--harmony---Red---600); }
.bg-harmony-red-700 { background-color: var(--color--harmony---Red---700); }
.bg-harmony-red-800 { background-color: var(--color--harmony---Red---800); }
.bg-harmony-red-900 { background-color: var(--color--harmony---Red---900); }
.bg-harmony-red-1000 { background-color: var(--color--harmony---Red---1000); }
.bg-harmony-red-1100 { background-color: var(--color--harmony---Red---1100); }
.bg-harmony-red-1200 { background-color: var(--color--harmony---Red---1200); }

.bg-harmony-clay-100 { background-color: var(--color--harmony---clay---100); }
.bg-harmony-clay-200 { background-color: var(--color--harmony---clay---200); }
.bg-harmony-clay-300 { background-color: var(--color--harmony---clay---300); }
.bg-harmony-clay-400 { background-color: var(--color--harmony---clay---400); }
.bg-harmony-clay-500 { background-color: var(--color--harmony---clay---500); }
.bg-harmony-clay-600 { background-color: var(--color--harmony---clay---600); }
.bg-harmony-clay-700 { background-color: var(--color--harmony---clay---700); }
.bg-harmony-clay-800 { background-color: var(--color--harmony---clay---800); }
.bg-harmony-clay-900 { background-color: var(--color--harmony---clay---900); }
.bg-harmony-clay-1000 { background-color: var(--color--harmony---clay---1000); }
.bg-harmony-clay-1100 { background-color: var(--color--harmony---clay---1100); }
.bg-harmony-clay-1200 { background-color: var(--color--harmony---clay---1200); }

.bg-harmony-gold-100 { background-color: var(--color--harmony---Gold---100); }
.bg-harmony-gold-200 { background-color: var(--color--harmony---Gold---200); }
.bg-harmony-gold-300 { background-color: var(--color--harmony---Gold---300); }
.bg-harmony-gold-400 { background-color: var(--color--harmony---Gold---400); }
.bg-harmony-gold-500 { background-color: var(--color--harmony---Gold---500); }
.bg-harmony-gold-600 { background-color: var(--color--harmony---Gold---600); }
.bg-harmony-gold-700 { background-color: var(--color--harmony---Gold---700); }
.bg-harmony-gold-800 { background-color: var(--color--harmony---Gold---800); }
.bg-harmony-gold-900 { background-color: var(--color--harmony---Gold---900); }
.bg-harmony-gold-1000 { background-color: var(--color--harmony---Gold---1000); }
.bg-harmony-gold-1100 { background-color: var(--color--harmony---Gold---1100); }
.bg-harmony-gold-1200 { background-color: var(--color--harmony---Gold---1200); }

.bg-harmony-indigo-blue-100 { background-color: var(--color--harmony---Indigo-Blue---100); }
.bg-harmony-indigo-blue-200 { background-color: var(--color--harmony---Indigo-Blue---200); }
.bg-harmony-indigo-blue-300 { background-color: var(--color--harmony---Indigo-Blue---300); }
.bg-harmony-indigo-blue-400 { background-color: var(--color--harmony---Indigo-Blue---400); }
.bg-harmony-indigo-blue-500 { background-color: var(--color--harmony---Indigo-Blue---500); }
.bg-harmony-indigo-blue-600 { background-color: var(--color--harmony---Indigo-Blue---600); }
.bg-harmony-indigo-blue-700 { background-color: var(--color--harmony---Indigo-Blue---700); }
.bg-harmony-indigo-blue-800 { background-color: var(--color--harmony---Indigo-Blue---800); }
.bg-harmony-indigo-blue-900 { background-color: var(--color--harmony---Indigo-Blue---900); }
.bg-harmony-indigo-blue-1000 { background-color: var(--color--harmony---Indigo-Blue---1000); }
.bg-harmony-indigo-blue-1100 { background-color: var(--color--harmony---Indigo-Blue---1100); }
.bg-harmony-indigo-blue-1200 { background-color: var(--color--harmony---Indigo-Blue---1200); }

.bg-harmony-tech-blue-100 { background-color: var(--color--harmony---tech-blue---100); }
.bg-harmony-tech-blue-200 { background-color: var(--color--harmony---tech-blue---200); }
.bg-harmony-tech-blue-300 { background-color: var(--color--harmony---tech-blue---300); }
.bg-harmony-tech-blue-400 { background-color: var(--color--harmony---tech-blue---400); }
.bg-harmony-tech-blue-500 { background-color: var(--color--harmony---tech-blue---500); }
.bg-harmony-tech-blue-600 { background-color: var(--color--harmony---tech-blue---600); }
.bg-harmony-tech-blue-700 { background-color: var(--color--harmony---tech-blue---700); }
.bg-harmony-tech-blue-800 { background-color: var(--color--harmony---tech-blue---800); }
.bg-harmony-tech-blue-900 { background-color: var(--color--harmony---tech-blue---900); }
.bg-harmony-tech-blue-1000 { background-color: var(--color--harmony---tech-blue---1000); }
.bg-harmony-tech-blue-1100 { background-color: var(--color--harmony---tech-blue---1100); }
.bg-harmony-tech-blue-1200 { background-color: var(--color--harmony---tech-blue---1200); }

.bg-harmony-deep-blue-100 { background-color: var(--color--harmony---deep-blue---100); }
.bg-harmony-deep-blue-200 { background-color: var(--color--harmony---deep-blue---200); }
.bg-harmony-deep-blue-300 { background-color: var(--color--harmony---deep-blue---300); }
.bg-harmony-deep-blue-400 { background-color: var(--color--harmony---deep-blue---400); }
.bg-harmony-deep-blue-500 { background-color: var(--color--harmony---deep-blue---500); }
.bg-harmony-deep-blue-600 { background-color: var(--color--harmony---deep-blue---600); }
.bg-harmony-deep-blue-700 { background-color: var(--color--harmony---deep-blue---700); }
.bg-harmony-deep-blue-800 { background-color: var(--color--harmony---deep-blue---800); }
.bg-harmony-deep-blue-900 { background-color: var(--color--harmony---deep-blue---900); }
.bg-harmony-deep-blue-1000 { background-color: var(--color--harmony---deep-blue---1000); }
.bg-harmony-deep-blue-1100 { background-color: var(--color--harmony---deep-blue---1100); }
.bg-harmony-deep-blue-1200 { background-color: var(--color--harmony---deep-blue---1200); }

.bg-harmony-slate-gray-100 { background-color: var(--color--harmony---slate-gray---100); }
.bg-harmony-slate-gray-200 { background-color: var(--color--harmony---slate-gray---200); }
.bg-harmony-slate-gray-300 { background-color: var(--color--harmony---slate-gray---300); }
.bg-harmony-slate-gray-400 { background-color: var(--color--harmony---slate-gray---400); }
.bg-harmony-slate-gray-500 { background-color: var(--color--harmony---slate-gray---500); }
.bg-harmony-slate-gray-600 { background-color: var(--color--harmony---slate-gray---600); }
.bg-harmony-slate-gray-700 { background-color: var(--color--harmony---slate-gray---700); }
.bg-harmony-slate-gray-800 { background-color: var(--color--harmony---slate-gray---800); }
.bg-harmony-slate-gray-900 { background-color: var(--color--harmony---slate-gray---900); }
.bg-harmony-slate-gray-1000 { background-color: var(--color--harmony---slate-gray---1000); }
.bg-harmony-slate-gray-1100 { background-color: var(--color--harmony---slate-gray---1100); }
.bg-harmony-slate-gray-1200 { background-color: var(--color--harmony---slate-gray---1200); }

.bg-brand-orange { background-color: var(--color-brand-orange); }
.bg-brand-clay { background-color: var(--color-brand-clay); }