//////////////////////////////
// Full list of all available variables: https://github.com/alienresident/style-tiles/blob/master/stylesheets/style-tiles/core/_variables.scss
//////////////////////////////

// Project Name and Version Header 
$version-number: "2.0";

/// Design Variables
$link-color: #e57e17;

// sample 5 colors and 3 textures (add figures to html for more)
$colors: $link-color, #cc7014, #444, #191919, #0d0d0d;
$textures: "dark-concrete.png", "scratched-metal2.png";
$adjectives:  current, clean, sleek, technical ;

$body-background-color: #333;
$body-background-image: "textures/dark-concrete.png";
$body-background-gradient-position-1: left;
$body-background-gradient-1: rgba(darken($body-background-color, 30%),.5) 0%, rgba(0,0,0,.25) 10%, rgba(0,0,0,0) 15%;
$body-background-gradient-position-2: right;
$body-background-gradient-2: $body-background-gradient-1;
$body-background-repeat: repeat;
$body-text-color: #eee;

$page-background-color: #141414;
$page-box-shadow: calc-em(5px, $base-font-size) calc-em(5px, $base-font-size) calc-em(10px, $base-font-size) rgba(0,0,0,.75), calc-em(-5px, $base-font-size) calc-em(5px, $base-font-size) calc-em(10px, $base-font-size) rgba(0,0,0,.75);
$page-background-image: false;
$page-corners: calc-em(5px, $base-font-size);
$page-margin: 0 auto ($standard-spacing * 4) auto;
$page-text-color: #ccc;

// Logo is added as a background to a transparent image. Adjust height and width and source
$logo-margin: 0 $standard-spacing $standard-spacing  0;
$logo-box-shadow: false;

$header-padding: $standard-spacing;
$header-background-color: #0d0d0d;
$header-background-image: false;
$header-background-gradient-position-1: top;
$header-background-gradient-1: rgba(#444,.35) 0%, rgba(#222,.35) 50%, rgba(#000,.35) 75%;
$header-background-gradient-position-2: bottom;
$header-background-gradient-2: rgba(#000,1) 0%, rgba(#111,.25) 8%, rgba(#111,0) 15%;
$header-text-color: #eee;

$heading-h1-font-style: false;
$heading-h1-font-color: #888;
$heading-h1-text-shadow: calc-em(-1px, $base-font-size) 0 calc-em(1px, $base-font-size) rgba(0,0,0,.75);
$main-text-shadow: calc-em(1px, $base-font-size) 0 calc-em(1px, $base-font-size) rgba(127,127,127,.5);

$aside-width: calc-em(400px, $base-font-size);
$aside-margin: 0 0 $standard-spacing 0;
$aside-background-color: #191919;
$aside-background-image: false;
$aside-border: $standard-spacing solid rgba(127,127,127,.02);
$aside-border-radius: calc-em(10px, $base-font-size);
$aside-outline: 0 solid rgba(127,127,127,.25);
$aside-text-color: #818181;

$button-corners: calc-em(10px, $base-font-size);
$button-background-color: #cc7014;
$button-gradient: true;
$button-text-color: #e5e5e5;
$button-font-size: 1.2em;
$button-text-shadow: 0 calc-em(1px, $base-font-size) calc-em(3px, $base-font-size) rgba(0,0,0,.75);
$button-border: 0 #e3e3e3 solid;
$button-box-shadow: calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) calc-em(2px, $base-font-size) rgba(0,0,0,.5);
$button-text-color-over: adjust-lightness($button-text-color, 10%);
$button-background-color-over: tint($button-background-color, 10%);

$footer-background-color: #090909;
$footer-background-image: false;
$footer-text-color: rgba(255,255,255,.75);
$footer-text-shadow: calc-em(-1px, $base-font-size) 0 calc-em(1px, $base-font-size) rgba(0,0,0,.5), 0 calc-em(1px, $base-font-size) calc-em(1px, $base-font-size) rgba(255,255,255,.35);