/*============================================================================*
	PALETTE
	Base16 colours from https://github.com/chriskempson/base16
/*============================================================================*/

@adjust-tone: 15%;

@red:     #ac4142;
@green:   #90a959;
@yellow:  #f4bf75;
@blue:    #6a9fb5;
@maroon:  #8f5536;
@purple:  #aa759f;
@orange:  #d28445;
@cyan:    #75b5aa;
@pink:    #ff00cc;
@grey:    #7f7f7f;


// Red
@medium-red: @red;
@light-red:  lighten(@red, @adjust-tone);
@dark-red:   darken(@red, @adjust-tone);

// Green
@medium-green: @green;
@light-green:  lighten(@green, @adjust-tone);
@dark-green:   darken(@green, @adjust-tone);

// Yellow
@medium-yellow: @yellow;
@light-yellow:  lighten(@yellow, @adjust-tone);
@dark-yellow:   darken(@yellow, @adjust-tone);

// Blue
@medium-blue: @blue;
@light-blue:  lighten(@blue, @adjust-tone);
@dark-blue:   darken(@blue, @adjust-tone);

// Maroon
@medium-maroon: @maroon;
@light-maroon:  lighten(@maroon, @adjust-tone);
@dark-maroon:   darken(@maroon, @adjust-tone);

// Purple
@medium-purple: @purple;
@light-purple:  lighten(@purple, @adjust-tone);
@dark-purple:   darken(@purple, @adjust-tone);

// Orange
@medium-orange: @orange;
@light-orange:  lighten(@orange, @adjust-tone);
@dark-orange:   darken(@orange, @adjust-tone);

// Cyan
@medium-cyan: @cyan;
@light-cyan:  lighten(@cyan, @adjust-tone);
@dark-cyan:   darken(@cyan, @adjust-tone);

// Pink
@medium-pink: @pink;
@light-pink:  lighten(@pink, @adjust-tone);
@dark-pink:   darken(@pink, @adjust-tone);

// Grey
@medium-grey: @grey;
@light-grey:  lighten(@grey, @adjust-tone);
@dark-grey:   darken(@grey, @adjust-tone);



/*============================================================================*
	CSS CLASSES
/*============================================================================*/

.light-red:before     { color: @light-red; }
.medium-red:before    { color: @medium-red; }
.dark-red:before      { color: @dark-red; }

.light-green:before   { color: @light-green; }
.medium-green:before  { color: @medium-green; }
.dark-green:before    { color: @dark-green; }

.light-yellow:before  { color: @light-yellow; }
.medium-yellow:before { color: @medium-yellow; }
.dark-yellow:before   { color: @dark-yellow; }

.light-blue:before    { color: @light-blue; }
.medium-blue:before   { color: @medium-blue; }
.dark-blue:before     { color: @dark-blue; }

.light-maroon:before  { color: @light-maroon; }
.medium-maroon:before { color: @medium-maroon; }
.dark-maroon:before   { color: @dark-maroon; }

.light-purple:before  { color: @light-purple; }
.medium-purple:before { color: @medium-purple; }
.dark-purple:before   { color: @dark-purple; }

.light-orange:before  { color: @light-orange; }
.medium-orange:before { color: @medium-orange; }
.dark-orange:before   { color: @dark-orange; }

.light-cyan:before    { color: @light-cyan; }
.medium-cyan:before   { color: @medium-cyan; }
.dark-cyan:before     { color: @dark-cyan; }

.light-pink:before    { color: @light-pink; }
.medium-pink:before   { color: @medium-pink; }
.dark-pink:before     { color: @dark-pink; }

.light-grey:before    { color: @light-grey; }
.medium-grey:before   { color: @medium-grey; }
.dark-grey:before     { color: @dark-grey; }