// Scheme "light-tetrade-j".
//
// Scheme <i>"light"</i> and scheme <i>"tetrade"</i> <i>"j"</i>
//
// .light-tetrade-j - Light tetrade j background color.
//
// Markup:
// <span class="{$modifiers}">
// <span class='color-sample bg-light-tetrade-j-accent'></span>
// <span class='color-sample bg-light-tetrade-j-accent-dark'></span>
// <span class='color-sample bg-light-tetrade-j-accent-light'></span>
// <span class='color-sample bg-light-tetrade-j-accent-soft'></span>
// <span class='color-sample bg-light-tetrade-j-dominant'></span>
// <span class='color-sample bg-light-tetrade-j-dominant-dark'></span>
// <span class='color-sample bg-light-tetrade-j-dominant-light'></span>
// <span class='color-sample bg-light-tetrade-j-dominant-soft'></span>
// <span class='color-sample bg-light-tetrade-j-sub-accent'></span>
// <span class='color-sample bg-light-tetrade-j-sub-accent-dark'></span>
// <span class='color-sample bg-light-tetrade-j-sub-accent-light'></span>
// <span class='color-sample bg-light-tetrade-j-sub-accent-soft'></span>
// <span class='color-sample bg-light-tetrade-j-sub-dominant'></span>
// <span class='color-sample bg-light-tetrade-j-sub-dominant-dark'></span>
// <span class='color-sample bg-light-tetrade-j-sub-dominant-light'></span>
// <span class='color-sample bg-light-tetrade-j-sub-dominant-soft'></span>
// </span>
//
// Styleguide 1.190

//------------------- Full name ---------------------

// Accent colors.
@light-tetrade-j-accent-color: #f2ffbf;
@light-tetrade-j-accent-color-dark: #acbf60;
@light-tetrade-j-accent-color-light: #faffe6;
@light-tetrade-j-accent-color-soft: #e6ff80;

// Dominant colors.
@light-tetrade-j-dominant-color: #d5bfff;
@light-tetrade-j-dominant-color-dark: #8060bf;
@light-tetrade-j-dominant-color-light: #eee6ff;
@light-tetrade-j-dominant-color-soft: #aa80ff;

// Sub-accent colors.
@light-tetrade-j-sub-accent-color: #ffbfff;
@light-tetrade-j-sub-accent-color-dark: #bf60bf;
@light-tetrade-j-sub-accent-color-light: #ffe6ff;
@light-tetrade-j-sub-accent-color-soft: #ff80ff;

// Sub-dominant colors.
@light-tetrade-j-sub-dominant-color: #fff2bf;
@light-tetrade-j-sub-dominant-color-dark: #bfac60;
@light-tetrade-j-sub-dominant-color-light: #fffae6;
@light-tetrade-j-sub-dominant-color-soft: #ffe680;


//------------------- Short name --------------------

// Accent colors.
@accent-color: @light-tetrade-j-accent-color;
@accent-color-dark: @light-tetrade-j-accent-color-dark;
@accent-color-light: @light-tetrade-j-accent-color-light;
@accent-color-soft: @light-tetrade-j-accent-color-soft;

// Dominant colors.
@dominant-color: @light-tetrade-j-dominant-color;
@dominant-color-dark: @light-tetrade-j-dominant-color-dark;
@dominant-color-light: @light-tetrade-j-dominant-color-light;
@dominant-color-soft: @light-tetrade-j-dominant-color-soft;

// Sub-accent colors.
@sub-accent-color: @light-tetrade-j-sub-accent-color;
@sub-accent-color-dark: @light-tetrade-j-sub-accent-color-dark;
@sub-accent-color-light: @light-tetrade-j-sub-accent-color-light;
@sub-accent-color-soft: @light-tetrade-j-sub-accent-color-soft;

// Sub-dominant colors.
@sub-dominant-color: @light-tetrade-j-sub-dominant-color;
@sub-dominant-color-dark: @light-tetrade-j-sub-dominant-color-dark;
@sub-dominant-color-light: @light-tetrade-j-sub-dominant-color-light;
@sub-dominant-color-soft: @light-tetrade-j-sub-dominant-color-soft;
