// COLOR SCHEME
// -------------------------------------------------

@color-theme:                light;
@color-primary:              #108bf1; // old color is #304269
@color-secondary:            desaturate(darken(@color-primary, 15%), 15%);
@color-pale:                 spin(hsl(hue(@color-primary), 54%, 95%), -7);
@color-fore:                 #353535;
@color-back:                 #fff;

// Grays
@color-gray-darker:          lighten(#000, 13.5%); // #222
@color-gray-dark:            lighten(#000, 20%);   // #333
@color-gray:                 lighten(#000, 50%);   // #808080
@color-gray-light:           lighten(#000, 86.7%); // #ddd
@color-gray-lighter:         lighten(#000, 89.7%); // #e5e5e5
@color-gray-pale:            lighten(#000, 94.5%); // #f1f1f1

// Color set
@color-white:                #fff;
@color-black:                #000;
@color-red:                  #ee4e2f;
@color-yellow:               #f39c11;
@color-green:                #2AC25F;
@color-blue:                 #00c3b6;
@color-purple:               #6f5499;
@color-brown:                #A76531;

// Brand colors
@color-light:                @color-back;
@color-dark:                 @color-fore;

@color-success:              @color-green;
@color-warning:              @color-yellow;
@color-danger:               @color-red;
@color-info:                 @color-blue;
@color-important:            @color-brown;
@color-special:              @color-purple;

@color-success-pale:         hsl(hue(@color-success), 20, 95%);
@color-warning-pale:         hsl(hue(@color-warning), 20, 95%);
@color-danger-pale:          hsl(hue(@color-danger), 20, 95%);
@color-info-pale:            hsl(hue(@color-info), 20, 95%);
@color-important-pale:       hsl(hue(@color-important), 20, 95%);
@color-special-pale:         hsl(hue(@color-special), 20, 95%);
