//
// Main theme variables
//

// Fonts
$font-stack-body:             'Open Sans',Verdana, Geneva, sans-serif;

// Structure default widths
$site-max-width:              1200px;
$side-panel-left-width:       300px;
$side-panel-right-width:      400px;

// Layout breakpoints
$bp-xxs:                      480px;
$bp-xs:                       768px;
$bp-sm:                       992px;
$bp-md:                       1200px;
$bp-ld:                       1400px;
$bp-xld:                      1600px;
$bp-xxld:                     1800px;

// Main theme colors
$color-primary:               #FAAD09;
$color-secondary:             #454545;

// Greys
$color-lighter-gray:          #F7F7F7;
$color-light-gray:            #B5B1AF;
$color-dark-gray:             #8D8D8D;
$color-darker-gray:           #454545;
$color-dark-bg:               #2B2B2B;

// Basic colors
$color-body-background:       #F5F5F5;
$color-text-dark:             #454545;
$color-text-light:            #fff;
$color-mobile-menu-bg:        #EEE;
$color-red:                   #B81C23;

// Assigned colors 
$color-link:                  $color-primary;
$color-link-hover:            $color-primary;
$color-header-dark:           $color-text-dark;
$color-header-light:          $color-text-light;
$color-bg-form-controls:      darken($color-lighter-gray, 5%);
$color-bg-form-controls-dark: darken($color-darker-gray, 5%);

// Custom Transitions 
$fn-cubic:                    cubic-bezier(0, 0, 0.26, 1);
$easing-transform:            $fn-cubic;

// Transition durations
$duration:                    0.2s;
$duration-all:                0.2s;
$duration-opacity:            0.2s;
$duration-color:              0.2s;
$duration-transform:          0.3s;
$duration-header-switch:      0.3s;
$side-panel-menu-duration:    0.2s;

// Misc styling vars
$padding-content-top:         152px; // Default Header + topbar height
$woo-side-thumbs-size:        75px;	 // Single product side-thumbs size
$woo-side-thumbs-gap:         5px;   // Single product side-thumbs gap (between thumbs)
$woo-image-scale-hover:       1.05;  // Scale constant for hovered product images (loop) 
$form-cart-buttons-gap:       10px;  // Gap between add-to-cart, wishlist, share buttons in single product

