//
// Magic-Stylez - Colors
//
// if you like to change values, remove the '!default' flag!
//
//
//== Colors
//
// -------------------------
// Gray colors
// -------------------------
$black: #1c1c1c !default;
$gray-darker: lighten(#000, 13.5%) !default; // #222
$gray-dark: lighten(#000, 20%) !default; // #333
$gray: lighten(#000, 33.5%) !default; // #555
$gray-light: lighten(#000, 60%) !default; // #999
$gray-lighter: lighten(#000, 93.5%) !default; // #eee
$gray-soft: #f0f0f0 !default;
$gray-softer: #f9f9f9 !default;
$white: #ffffff !default;
// -------------------------
// Accent colors
// -------------------------
$blue-soft: #9dcfe1 !default;
$blue-lighter: #d8e7ec !default;
$blue-light: #0099cc !default;
$blue: #006699 !default;
$blue-dark: darken($blue, 15%) !default;
$green: #006600 !default;
$red: #9d261d !default;
$red-dark: darkred !default;
$yellow: #ffc40d !default;
$orange: #ff6600 !default;
$pink: #c3325f !default;
$purple: #7a43b6 !default;
$violett: #ac4d83 !default;
// -------------------------
// Brand colors
// -------------------------
$brand-color: #a0c775 !default;
$brand-primary: #336699 !default; // twbs-default: #428bca
$brand-success: #006600 !default; // twbs-default: #5cb85c
$brand-info: #0099cc !default; // twbs-default: #5bc0de
$brand-warning: #f0ad4e !default; // twbs-default: #f0ad4e
$brand-danger: #d9534f !default; // twbs-default: #d9534f
// -------------------------
// Custom colors
// -------------------------
$brand-one: #ff00cc !default;
$brand-two: #00ffcc !default;
$brand-three: #cc6699 !default;
// -------------------------
// Global Background colors.
// -------------------------
$main-bg: darken(#fff, 5%) !default; // result: #f2f2f2
$body-bg: $main-bg; //** Background color for ``
$dark-bg: #e5e5e5 !default;
$soft-bg: #f8f8f8 !default;
$blue-bg: $blue-soft !default;
$brand-bg: $brand-color !default;
$bright-bg: $white !default;
$brand-one-bg: $brand-one !default;
$brand-two-bg: $brand-two !default;
$brand-three-bg: $brand-three !default;
// -------------------------
// Global Border color
// -------------------------
$main-border-color: #ccc !default;
// -------------------------
// Global Text colors
// -------------------------
//** Global text color on ``.
$text-color: $gray-dark !default;
//** Global textual link color.
$link-color: $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color: darken($link-color, 15%) !default;
$headings-color: inherit !default;
//== Components
//** Global color for active items (e.g., navs or dropdowns).
$component-active-color: #fff !default;
//** Global background color for active items (e.g., navs or dropdowns).
$component-active-bg: $brand-primary !default;
// -------------------------
// Buttons
// -------------------------
$btn-default-color: #333 !default;
$btn-default-bg: #fff !default;
$btn-default-border: #ccc !default;
$btn-primary-color: #fff !default;
$btn-primary-bg: $brand-primary !default;
$btn-primary-border: darken($btn-primary-bg, 5%) !default;
$btn-success-color: #fff !default;
$btn-success-bg: $brand-success !default;
$btn-success-border: darken($btn-success-bg, 5%) !default;
$btn-info-color: #fff !default;
$btn-info-bg: $brand-info !default;
$btn-info-border: darken($btn-info-bg, 5%) !default;
$btn-warning-color: #fff !default;
$btn-warning-bg: $brand-warning !default;
$btn-warning-border: darken($btn-warning-bg, 5%) !default;
$btn-danger-color: #fff !default;
$btn-danger-bg: $brand-danger !default;
$btn-danger-border: darken($btn-danger-bg, 5%) !default;
$btn-link-disabled-color: $gray-light !default;
$btn-brand-color: #fff !default;
$btn-brand-bg: $brand-color !default;
$btn-brand-border: darken($btn-brand-bg, 5%) !default;
// Custom - Buttons
$btn-one-color: #fff !default;
$btn-one-bg: $brand-one !default;
$btn-one-border: darken($btn-one-bg, 5%) !default;
$btn-two-color: #fff !default;
$btn-two-bg: $brand-two !default;
$btn-two-border: darken($btn-two-bg, 5%) !default;
$btn-three-color: #fff !default;
$btn-three-bg: $brand-three !default;
$btn-three-border: darken($btn-three-bg, 5%) !default;
// -------------------------
// Social Buttons
// -------------------------
// Flat Colors
$btn-facebook-color: #fff !default;
$btn-facebook-bg: #3b5998 !default;
$btn-facebook-border: darken($btn-facebook-bg, 5%) !default;
$btn-google-color: #fff !default;
$btn-google-bg: #dd4b39 !default;
$btn-google-border: darken($btn-google-bg, 5%) !default;
$btn-paypal-color: #fff !default;
$btn-paypal-bg: #1784cb !default; // was #12398c
$btn-paypal-border: darken($btn-paypal-bg, 5%) !default;
$btn-twitter-color: #fff !default;
$btn-twitter-bg: #00aced !default;
$btn-twitter-border: darken($btn-twitter-bg, 5%) !default;
// Gradient Colors
$facebook-gradient-top: lighten($btn-facebook-bg, 7%);
$facebook-gradient-bottom: darken($btn-facebook-bg, 7%);
$google-gradient-top: lighten($btn-google-bg, 7%);
$google-gradient-bottom: darken($btn-google-bg, 7%);
$twitter-gradient-top: lighten($btn-twitter-bg, 7%);
$twitter-gradient-bottom: darken($btn-twitter-bg, 7%);
$paypal-gradient-top: #52b9f4;
$paypal-gradient-bottom: darken(#1784cb, 5%);
//== Forms
//
//##
//** `` background color
$input-bg: #fff !default;
//** `` background color
$input-bg-disabled: $gray-lighter !default;
//** Text color for ``s
$input-color: $gray !default;
//** `` border color
$input-border: #ccc !default;
//** Border color for inputs on focus
$input-border-focus: #66afe9 !default;
//** Placeholder text color
$input-color-placeholder: $gray-light !default;
$legend-color: $gray-dark !default;
$legend-border-color: #e5e5e5 !default;
//** Background color for textual input addons
$input-group-addon-bg: $gray-lighter !default;
//** Border color for textual input addons
$input-group-addon-border-color: $input-border !default;
//== Tables
//
//** Default background color used for all tables.
$table-bg: transparent !default;
//** Background color used for `.table-striped`.
$table-bg-accent: #f9f9f9 !default;
//** Background color used for `.table-hover`.
$table-bg-hover: #f5f5f5 !default;
$table-bg-active: $table-bg-hover !default;
//** Border color for table and cell borders.
$table-border-color: #ddd !default;
//== Dropdowns
//
//## Dropdown menu container and contents.
//** Background for the dropdown menu.
$dropdown-bg: #fff !default;
//** Dropdown menu `border-color`.
$dropdown-border: rgba(0,0,0,.15) !default;
//** Dropdown menu `border-color` **for IE8**.
$dropdown-fallback-border: #ccc !default;
//** Divider color for between dropdown items.
$dropdown-divider-bg: #e5e5e5 !default;
//** Dropdown link text color.
$dropdown-link-color: $gray-dark !default;
//** Hover color for dropdown links.
$dropdown-link-hover-color: darken($gray-dark, 5%) !default;
//** Hover background for dropdown links.
$dropdown-link-hover-bg: #f5f5f5 !default;
//** Active dropdown menu item text color.
$dropdown-link-active-color: $component-active-color !default;
//** Active dropdown menu item background color.
$dropdown-link-active-bg: $component-active-bg !default;
//** Disabled dropdown menu item background color.
$dropdown-link-disabled-color: $gray-light !default;
//** Text color for headers within dropdown menus.
$dropdown-header-color: $gray-light !default;
//** Deprecated `$dropdown-caret-color` as of v3.1.0
$dropdown-caret-color: #000 !default;
//== Navbar
//
//##
$navbar-default-color: #777 !default;
$navbar-default-bg: #f8f8f8 !default;
$navbar-default-border: darken($navbar-default-bg, 6.5%) !default;
// Navbar links
$navbar-default-link-color: #777 !default;
$navbar-default-link-hover-color: #333 !default;
$navbar-default-link-hover-bg: transparent !default;
$navbar-default-link-active-color: #555 !default;
$navbar-default-link-active-bg: darken($navbar-default-bg, 6.5%) !default;
$navbar-default-link-disabled-color: #ccc !default;
$navbar-default-link-disabled-bg: transparent !default;
// Navbar brand label
$navbar-default-brand-color: $navbar-default-link-color !default;
$navbar-default-brand-hover-color: darken($navbar-default-brand-color, 10%) !default;
$navbar-default-brand-hover-bg: transparent !default;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd !default;
$navbar-default-toggle-icon-bar-bg: #888 !default;
$navbar-default-toggle-border-color: #ddd !default;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $gray-light !default;
$navbar-inverse-bg: #222 !default;
$navbar-inverse-border: darken($navbar-inverse-bg, 10%) !default;
// Inverted navbar links
$navbar-inverse-link-color: $gray-light !default;
$navbar-inverse-link-hover-color: #fff !default;
$navbar-inverse-link-hover-bg: transparent !default;
$navbar-inverse-link-active-color: $navbar-inverse-link-hover-color !default;
$navbar-inverse-link-active-bg: darken($navbar-inverse-bg, 10%) !default;
$navbar-inverse-link-disabled-color: #444 !default;
$navbar-inverse-link-disabled-bg: transparent !default;
// Inverted navbar brand label
$navbar-inverse-brand-color: $navbar-inverse-link-color !default;
$navbar-inverse-brand-hover-color: #fff !default;
$navbar-inverse-brand-hover-bg: transparent !default;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: #333 !default;
$navbar-inverse-toggle-icon-bar-bg: #fff !default;
$navbar-inverse-toggle-border-color: #333 !default;