// Here you can easily change your sites's color scheme.
// To give it a try, uncomment some of the lines below rebuild your blog, and see how it works.
// If you need a handy color picker try http://hslpicker.com

$header-bg: #333;
$left-background-color: hsl(0, 0%, 16%);

// Change this if you want to use a background image
$image: false !default;
$left-background-image: image-url('bright_squares.png');

$subtitle-color: lighten($header-bg, 58);
$link-color-hover: #343434;
$text-color-light: #343434;
$text-color: #343434;

/* To use the light Solarized highlighting theme uncomment the following line */
// $solarized: light;

/* If you want to tweak the Solarized colors you can do that here */
$base03:          #002b36; //darkest blue
$base02:          #073642; //dark blue
$base01:          #586e75; //darkest gray
$font-color:      hsl(26, 8%, 17%);; //off black
$base0:           #839496; //medium gray
$base1:           #93a1a1; //medium light gray
$base2:           #eee8d5; //cream
$base3:           #fdf6e3; //white
$solar-yellow:    #b58900;
$solar-orange:    #cb4b16;
$solar-red:       #dc322f;
$solar-magenta:   #d33682;
$solar-violet:    #6c71c4;
$solar-blue:      #268bd2;
$solar-cyan:      #2aa198;
$solar-green:     #859900;
$white: 		  #ffffff;
$code-bg: 		  hsl(0, 0%, 87%);

/* Button colors */
// light
$button-light-color: 	    hsl(206, 90%, 66%);
$button-light-border:       $code-bg;	
$button-light-hover-fill:   hsl(206, 90%, 66%);
$button-light-hover-border: hsl(206, 72%, 48%);
$button-light-fill: $white;

// dark
$button-dark-color:         hsl(0, 0%, 47%);
$button-dark-border:        hsl(0, 0%, 27%);
$button-dark-hover-fill:    hsl(206, 90%, 66%);
$button-dark-hover-border:  hsl(206, 72%, 48%);

/* Non highlighted code colors */
$pre-bg: $base03;
$pre-border: #e2e2e2;
$pre-color: $base1;
