/*
 *  1 - Global colors styling
 *  
 *  This part of the (s)css handle the colors of the page.
 *  
*/

$color-dark1:    #002b36;
$color-dark2:    #073642;

$color-gray1:    #586e75;
$color-gray2:    #657b83;
$color-gray3:     #839496;
$color-gray4:     #93a1a1;

$color-light1:     #eee8d5;
$color-light2:     #fdf6e3;

$color-blue: #268bd2;
$color-magenta: #d33682;
$color-red: #dc322f;
$color-orange: #cb4b16;
$color-violet: #6c71c4;
$color-yellow: #b58900;
$color-cyan: #2aa198;
$color-green: #859900;

$color-primary: $color-cyan;
$color-secondary: $color-magenta;

$color-warning: $color-orange;
$color-danger: $color-red;
$color-info: $color-cyan;
$color-success: $color-green;

$color-link: $color-blue;
$color-selection: $color-blue;
$color-mark: $color-yellow;

$color-category: $color-primary;
$color-tag: $color-secondary;

$color-font: $color-dark2;
$color-back: $color-light2;

body {
  background-color: $color-back;
  color:$color-font;
}

a {
  color:$color-link;
  text-decoration:none;
}

::selection { background: $color-selection; color: $color-light2; }
::-moz-selection { background: $color-selection; color: $color-light2; }