@syntax-hue:          215;
@syntax-saturation:   21%;
@syntax-brightness:   22%;


// Monochrome -----------------------------------
@mono-1: hsl(@syntax-hue, 60%, 92%); // default text
@mono-2: hsl(@syntax-hue, 24%, 66%);
@mono-3: hsl(@syntax-hue, 12%, 44%);

// Colors -----------------------------------
@hue-1:   hsl(193, 65%, 75%); // <-cyan
@hue-2:   hsl(212, 90%, 75%); // <-blue
@hue-3:   hsl(286, 82%, 83%); // <-purple
@hue-4:   hsl(88, 55%, 73%); // <-green

@hue-5:   hsl(  5, 91%, 77%); // <-red 1
@hue-5-2: hsl(348, 45%, 70%); // <-red 2

@hue-6:   hsl( 45, 81%, 50%); // <-orange 1
@hue-6-2: hsl( 41, 98%, 70%); // <-orange 2


// Base Syntax colors -----------------------------------
@syntax-fg:     @mono-1;
@syntax-bg:     hsl(@syntax-hue, @syntax-saturation, @syntax-brightness);
@syntax-gutter: @mono-3;
@syntax-guide:  fade(@syntax-fg, 10%);
@syntax-accent: hsl(@syntax-hue, 100%, 76% );