@import "compass/css3/images";

$default-prefixes: webkit moz ms o;

$hashtag: '#io14';
$social-tags: '@polymer \00a0 \00a0 @ebidel \00a0 \00a0 ' $hashtag;
$brand-small-icon-size: 30px;

$gray-1: #e6e6e6;
$gray-2: #a9a9a9;
$gray-3: #797979;
$gray-4: #515151;

$brand-blue: rgb(67, 135, 253);
$brand-blue-secondary: #3c8ef3;
$brand-blue-secondary2: #2a7cdf;

$brand-red: rgb(244, 74, 63);
$brand-red-secondary: #e0543e;
$brand-red-secondary2: #d94d3a;

$brand-yellow: rgb(255, 209, 77);
$brand-yellow-secondary: #f9cc46;
$brand-yellow-secondary2: #f6c000;

$brand-green: rgb(13, 168, 97);
$brand-green-secondary: #00a86d;
$brand-green-secondary2: #009f5d;

$slide-width: 900px;
$slide-height: 700px;
$slide-width-widescreen: 1100px;
$slide-top-bottom-padding: 40px;
$slide-left-right-padding: 60px;
$slide-border-radius: 5px;

$slide-tap-area-width: 100px;

$article-content-top-padding: 45px;

// $code-background-color: #fafafa;
$code-background-color: rgb(245,245,245);

// Add custom variables

$polymer-elements-color: rgb(90, 115, 190);
$polymer-platform-color: rgb(146, 88, 155);
$polymer-core-color: rgb(195, 67, 131);
$polymer-applications-color: rgb(35, 100, 215);

.bodybg {
  @include background(linear-gradient(white 90%, $gray-1));
}
