@import '_themed_bootstrap_variables';

/** Help Variables **/
$fa-fixed-width: 1.25rem !default;
$icon-padding: 1rem !default;
$collapsed-sidebar-width: calculatePx($fa-fixed-width + (2 * $icon-padding)) !default;
$sidebar-items-width: 250px !default;
$total-sidebar-width: $collapsed-sidebar-width + $sidebar-items-width !default;

/* Fonts */
$fa-font-path: "/assets/fonts" !default;
/* Images */
$image-path: "../assets/images" !default;

/** Bootstrap Variables **/
/* Colors */
$gray-base: #000 !default;
$gray-900: lighten($gray-base, 13.5%) !default; // #222
$gray-800: lighten($gray-base, 26.6%) !default; // #444
$gray-700: lighten($gray-base, 46.6%) !default; // #777
$gray-600: lighten($gray-base, 73.3%) !default; // #bbb
$gray-100: lighten($gray-base, 93.5%) !default; // #eee

/* Reassign color vars to semantic color scheme */
$blue:      #2B4E72 !default;
$green: #94BA65 !default;
$cyan: #2790B0 !default;
$yellow: #ec9433 !default;
$red: #CF4444 !default;
$dark: darken($blue, 17%) !default;

$theme-colors: (
        primary: $blue,
        secondary: $gray-700,
        success: $green,
        info: $cyan,
        warning: $yellow,
        danger: $red,
        light: $gray-100,
        dark: $dark
) !default;
/* Fonts */
$link-color: map-get($theme-colors, info) !default;

$navbar-dark-color: rgba(white, .5) !default;
$navbar-light-color: rgba(black, .5) !default;
$navbar-dark-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,<svg+viewBox='0+0+30+30'+xmlns='http://www.w3.org/2000/svg'><path+stroke='#{$navbar-dark-color}'+stroke-width='2'+stroke-linecap='round'+stroke-miterlimit='10'+d='M4+7h22M4+15h22M4+23h22'/></svg>") !default;
$navbar-light-toggler-icon-bg: url("data:image/svg+xml;charset=utf8,<svg+viewBox='0+0+30+30'+xmlns='http://www.w3.org/2000/svg'><path+stroke='#{$navbar-light-color}'+stroke-width='2'+stroke-linecap='round'+stroke-miterlimit='10'+d='M4+7h22M4+15h22M4+23h22'/></svg>") !default;

$enable-shadows: true !default;

$grid-breakpoints: (
        xs: 0,
        sm: (576px - $collapsed-sidebar-width),
        md: (768px - $collapsed-sidebar-width),
        lg: (992px - $collapsed-sidebar-width),
        xl: (1200px - $collapsed-sidebar-width)
) !default;

$yiq-contrasted-threshold:  165 !default;
