$color-blue: #268bd2;
$color-violet: #d33682;
$color-purple: #6c71c4;
$color-red: #dc322f;
$color-orange: #cb4b16;
$color-green: #859900;
$color-skyblue: #2aa198;
$color-dark: #002b36;
$color-light: #fdf6e3;
$color-turquoise: #2aa198;
$color-yellow: #b58900;
$color-brown: #b58900;
$color-grey: #586e75;

$color-dark2: #073642;
$color-light2: #eee8d5;

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

$color-primary: $color-purple;
$color-secondary: $color-blue;

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

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

@mixin background-color($background-color, $text-color) {
    background-color: $background-color!important;
    color: $text-color;
  }