/**
 *   Bigcommerce GreaseMonkey with Less
 *
 *   For compatability with the Bigcommerce Style Editor:
 *    + Import your Google fonts first
 *
 *    + Declare your fonts for use in the editor by using '@font-declaration' (JSON format)
 *      eg @font-declaration: '{ "Open Sans":["Open Sans","Arial","sans-serif"], "Freckle Face":["Freckle Face","cursive"] }'
 *
 *    + Declare your color palette for use in the editor by using '@color-declaration'
 *      eg @color-declaration: '["#333", "#1399BE", "#EDEDED", "#FFF"]';
 *
 *    + Prefix fonts with '@font-' for the style editor to make it editable by the end user
 *
 *    + Prefix colors with '@color-' for the style editor to make it editable by the end user
 *
 *    + Prefix settings with '@setting-' for the style editor to make it adjustable by the end user
 */

@import url(//fonts.googleapis.com/css?family=Helvetica+Neue|Titillium+Web|Audiowide|Freckle+Face|Exo+2|Hammersmith+One|Ceviche+One|Open+Sans);


/**
 *   Declarations   
 */

@font-declaration: '{ "Helvetica Neue":["Helvetica Neue", "Helvetica", "Arial", "sans-serif"], "Titillium Web":["Titillium Web", "Arial", "sans-serif"], "Lato":["Lato", "Arial", "sans-serif"], "Freckle Face":["Freckle Face", "cursive"], "Exo 2":["Exo 2", "sans-serif"], "Hammersmith One":["Hammersmith One", "sans-serif"], "Ceviche One":["Ceviche One", "cursive"] }';

@color-declaration: '["#000000", "#262425", "#6A6A6A", "#DB0000", "#FFFFFF", "#C10404"]';

//! @section: Store header
@color-header-border:                    #000000;
@color-top-menu:                     rgb(242, 193, 29);
@color-store-name:                   #000000;
@color-menu-borders:                     #000000;
@color-menu-text:                    #000000;
//! @endsection 

//! @section: Store footer
@color-footer-background:                #262425;
@color-section-heading:                  #6a6a6a;
@color-footer-borders:                   #6a6a6a;
@color-links:                        #6a6a6a;
@color-button:                       #000000;                    
//! @endsection     

//! @section: Homepage
@color-section-headings:                 #262425;
@color-product-names:                    #262425;
@color-product-prices:                   #262425;
@color-buttons:                      rgb(242, 193, 29);
//! @endsection

//! @section: Product Page
@color-product-name:                     rgb(242, 193, 29);
@color-product-price:                    #262425;
@color-product-description-headings:     #262425;
@color-product-description:              #262425;
@color-add-to-cart:                  rgb(242, 193, 29);
@color-add-to-wishlist:                  rgb(242, 193, 29);
//! @endsection

//! @section: Category Page
@color-category-title:                   rgb(242, 192, 29);
@color-category-navigation:                #262425;
@color-category-product-name:                #262425;
@color-category-product-price:               #262425;
@color-category-button:                  rgb(242, 193, 29);
@color-compare-selected:                 #000000;
//! @endsection

//! @section: Backgrounds & Fonts
@font-page-text:                                     "Helvetica Neue", Helvetica, Arial, Sans-Serif;
@font-heading-text:                              "Titillium Web", Arial, Sans-Serif; 
//! @endsection
