// =============================================================================
// COLORS
// =============================================================================

@color-background: #f4f4f4;
@color-background-dark: #1d2127;

// colors list
@colors-list: primary @color-primary @color-primary-inverse, secondary @color-secondary @color-secondary-inverse, tertiary @color-tertiary @color-tertiary-inverse, quaternary @color-quaternary @color-quaternary-inverse, dark @color-dark @color-dark-inverse, light @color-light @color-light-inverse;

// color primary scale list
@colors-scale-list: 1 darken(@color-primary, 10%), 2 darken(@color-primary, 5%), 3 @color-primary, 4 lighten(@color-primary, 5%), 5 lighten(@color-primary, 10%), 6 lighten(@color-primary, 15%);

// color default scale list
@color-background-scale: 1 darken(@color-background, 10%), 2 darken(@color-background, 20%), 3 darken(@color-background, 30%), 4 darken(@color-background, 40%), 5 darken(@color-background, 50%), 6 darken(@color-background, 60%), 7 darken(@color-background, 70%), 8 darken(@color-background, 80%), 9 darken(@color-background, 90%);

// color dark scale list
@color-background-scale-dark: 1 lighten(@color-background-dark, 10%), 2 lighten(@color-background-dark, 20%), 3 lighten(@color-background-dark, 30%), 4 lighten(@color-background-dark, 40%), 5 lighten(@color-background-dark, 50%), 6 lighten(@color-background-dark, 60%), 7 lighten(@color-background-dark, 70%), 8 lighten(@color-background-dark, 80%), 9 lighten(@color-background-dark, 90%);