// font sizes
$text-xxl: 3.125em;
$text-xl : 2em;
$text-lg : 1.25em;
$text-sm : .75em;
$text-xs : .625em;

// breakpoints
$breakpoint-xl: 1200px;
$breakpoint-lg: 992px;
$breakpoint-md: 768px;
$breakpoint-sm: 576px;
$breakpoint-xs: 576px;

// z-index layers
$z--1: -10;
$z-1: 10;
$z-2: 50;
$z-3: 100;
$z-top: 9999;

//containers
$container-max-width: 1160px;

//fonts;
$browser-context: 16;
$light: 300;
$regular: 400;
$bold: 600;

//colors;
$white: white;
$black: black;

//V2;
$purple-heart: rgb(142, 67, 231);
$mulberry: rgb(184, 69, 146);
$radical-red: rgb(255, 79, 129);
$bittersweet: rgb(255, 108, 95);
$koromiko: rgb(255, 193, 104);
$shamrock: rgb(45, 222, 152);
$java: rgb(28, 199, 208);
$algolia-blue: rgb(0, 174, 255);
$royal-blue: rgb(51, 105, 231);
$bunting: rgb(24, 35, 89);
$titan-white: rgb(247, 247, 255);
$logan: rgb(157, 157, 189);
$deep-cove: rgb(5, 15, 44);
$highlight-color: #f6624e;
$cabaret: #E7486B;
$rouge: #9C4274;
$sea-green: #13C4A5;
$blue-green: #10A4B8;
$violet: #8A63B3;
$chambray: #3B5295;
$sunset-orange: #F6624E;
$saffron-mango: #FDBD57;
$red-pink: #fb366e;
$plum: #65133a;
$light-navy: #184a80;
$primary-color: $bunting;
$secondary-color: $titan-white;
$tertiary-color: $logan;
$athens-gray: #EEF0F7;
$titan-white: #F7F7FF;
$portage: #8995C7;

$cloudy-blue: #c4c8d7;
$cloudy-blue-2: #a6b0d8;
$cloudy-blue-3: #8995C7;
$summertime: mix($radical-red, $bittersweet, 50%);

//header;
$header-height: 60px;
//BootStrap;
$gray-darker: lighten(#000, 13.5%);
/* #222 */
$gray-dark: lighten(#000, 20%);
/* #333 */

$gray: lighten(#000, 33.5%);
/* #555 */

$gray-light: lighten(#000, 46.7%);
/* #777 */

$gray-lighter: lighten(#000, 93.5%);
/* #eee */

$brand-primary: $algolia-blue;
$brand-secondary: #FA3870;
$brand-success: $shamrock;
$brand-info: $algolia-blue;
$brand-warning: $koromiko;
$brand-danger: $radical-red;
$body-bg: $white;
$text-color: $bunting;
$text-muted: $logan;
$border-radius-base: 3px;
$border-radius-large: 3px;
$border-radius-small: 3px;
$link-color: $brand-primary;
$link-hover-color: darken($link-color, 15%);
//fonts;
$font-family-base: "Open Sans", Helvetica,Arial,sans-serif;
$headings-font-family: Raleway, "Times New Roman",Times,serif;
$headings-font-weight: $light;
$headings-small-color: darken($tertiary-color, 10%);
//Buttons;
$btn-font-weight: normal;
//default;
$btn-default-color: #777;
$btn-default-bg: $white;
$btn-default-border: #ccc;
//primary;
$btn-primary-color: $white;
$btn-primary-bg: $brand-primary;
$btn-primary-border: darken($btn-primary-bg, 5%);
//success;
$btn-success-color: $white;
$btn-success-bg: $brand-success;
$btn-success-border: darken($btn-success-bg, 5%);
//info;
$btn-info-color: $white;
$btn-info-bg: $brand-info;
$btn-info-border: darken($btn-info-bg, 5%);
//warning;
$btn-warning-color: $white;
$btn-warning-bg: $brand-warning;
$btn-warning-border: darken($btn-warning-bg, 5%);
//danger;
$btn-danger-color: $white;
$btn-danger-bg: $brand-danger;
$btn-danger-border: darken($btn-danger-bg, 5%);
//link;
$btn-link-disabled-color: $gray-light;
$input-bg-disabled: $gray-lighter;
//Panels;
$panel-bg: $white;
//** Border color for elements within panels;
$panel-inner-border: lighten($tertiary-color, 20%);
$panel-footer-bg: lighten($secondary-color, 10%);
$panel-default-text: $gray-dark;
$panel-default-border: $white;
$panel-default-heading-bg: $white;
//forms;
$input-group-addon-bg: lighten($secondary-color, 3%);
$input-border: lighten($gray, 30%);
//tables;
$table-border-color: $secondary-color;
$table-bg-accent: lighten($secondary-color, 5%);
//tooltip;
$tooltip-bg: $primary-color;
$tooltip-opacity: 1;
//code;
$pre-bg: $bunting;
$pre-color: #C2CCCC;