$main-color: #333;
$links-color: #cccccc;
$hover-color: #ffe200;
// $hover-color: #29ab87;
$hover-color-darken-10: darken($hover-color, 10);
$hover-color-darken: darken($hover-color, 30);

$lightest-gray: #eee;
$lite-gray: gainsboro;

$gray-transparent-30: rgba(140, 140, 140, 0.3);
$black-transparent-3: rgba(0, 0, 0, 0.03);
$black-transparent-10: rgba(0, 0, 0, 0.1);
$black-transparent-60: rgba(0, 0, 0, 0.6);
$white-transparent-95: rgba(255, 255, 255, 0.95);

$red: #f44b3f;
$red-grey: mix($red, #555, 30%);
$light-red: lighten($red-grey, 50%);
$light-red-transparent: rgba($light-red, 0.9);

$green: #00ff2f;
$green-grey: mix($green, #555, 30%);
$light-green: lighten($green-grey, 50%);
$light-green-transparent: rgba($light-green, 0.9);

$western-window-z-index: 99999;

$gold: #ac8741;
$light-gold: #f7e8a1;

:root {
  --green-grey: #{$green-grey};
  --red-grey: #{$red-grey};
}
