//------------------------------------------------------
// Do not edit this file directly. These variables are
// generated from the Momentum Design color tokens.
// @momentum-ui/tokens/src/core/colors.js
//------------------------------------------------------

{{#each this}}
{{#each this}}
{{#if ../default}}
{{#if @last}}
.md-color--{{@../key}} { color: {{hex}} !important; }
{{else}}
.md-color--{{@../key}}-{{@key}} { color: {{hex}} !important; }
{{/if}}
{{else}}
.md-color--{{@../key}}-{{@key}} { color: {{hex}} !important; }
{{/if}}
{{/each}}

{{/each}}

{{#each this}}
{{#each this}}
{{#if ../default}}
{{#if @last}}
.md-background-color--{{@../key}} { background-color: {{hex}} !important; }
{{else}}
.md-background-color--{{@../key}}-{{@key}} { background-color: {{hex}} !important; }
{{/if}}
{{else}}
.md-background-color--{{@../key}}-{{@key}} { background-color: {{hex}} !important; }
{{/if}}
{{/each}}

{{/each}}