/* Framework variables */
$max-width: 80em;

/* Color variables */
$blue: #446E9B;
$dark-blue: #474D57;
$light-blue: #66AFE9;
$blue-green: #019875;
$white: #F9F9F9;
$light-grey: #F2F2F2;
$medium-grey: #CCCCCC;
$grey-blue: #979DA7;
$grey: #777777;
$orange: #f39c12;
$red: #e74c3c;
$green: #2ecc71;
$yellow: #f1c40f;
$text: #333333;

/* UI colors, moved here to allow easier override */

$buttons-static-bg: $blue-green;
$buttons-static-fg: white;
$buttons-static-border: $buttons-static-bg;
$buttons-hover-bg: $buttons-static-bg;
$buttons-hover-fg: $buttons-static-fg;

$link-color: $blue;
$link-color-hover: $dark-blue;

/* Animations */

@include keyframes(fadeIn) {
  0%, 50% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}