// // Variables // -------------------------------------------------- // Global values // -------------------------------------------------- $header-height: 90px; $btn-border-radius: 4px; $el-border-radius: 6px; // colors // ------------------------- $white: #fff; $black: #000; $gray: #929199; $light-gray: #C2C1C7; $faint-gray: #E3E3EA; $dark-blue: #00ABE0; $blue: #00BFE0; $light-black: #242424; $orange: #e78c5b; $green: #5be764; $gray-darker: #555; $gray: #777; $gray-light: #939393; $gray-lighter: #979797; $red: #dd4e58; $red-dark: #c5454e; $purple: #822ff7; $light-purple: #f7f3f9; $btn-color: #4592C5; // Scaffolding // ------------------------- $body-bg: #fff; $text-color: $gray; // Links // ------------------------- $link-color: $red-dark; $link-hover-color: darken($link-color, 15%); // Typography // ------------------------- $font-family-klavika: 'klavika-web', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; $font-family-open-sans: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; $font-weight-xl: 300; $font-weight-reg: 400; $font-weight-b: 600; $text-shadow: 1px 1px 1px #000; $shadow: $text-shadow; // // ---- $imagePath: "atlas/"; //margin + padding $xsmall-pad: 20px; $small-pad: 30px; $med-pad: 70px; $large-pad: 120px; $xl-pad: 150px; $light-outline: #f7f7f7;