/* 	VARIABLES  - Column Widths */
@maxWidthValue: 940;
@maxWidth: 	1px * @maxWidthValue;
@half-width: 50%;
@full-width: 100%;
@numcolumns: 12;
@column-width-value: 60;
@column-padding-value: 20;
@column-padding: 100% * (@column-padding-value / @maxWidthValue);


/* 	VARIABLES  - Margins and Padding */
@centered: 0 auto;
@padding-400: 400px;
@padding-largest: 80px;
@padding-large: 60px;
@padding-medium: 40px;
@padding-small: 20px;
@padding-smaller: 16px;
@padding-smallest: 8px;
@section-padding: 26px;
@rounding-largest: 64px;
@rounding-large: 32px;
@rounding-medium: 16px;
@rounding-small: 16px;
@module-padding-right-medium: 240px;
@module-padding-right-big: 320px;
@module-padding-right-bigger: 400px;

/* 	VARIABLES  - nav dimensions */
@nav-main-li-width: 150px;

/* 	VARIABLES  - column dimensions */
@column-width-285: 285px;

/* 	VARIABLES  - footer dimensions */
@footer-height: 185px;

/* 	VARIABLES  - Product thumbnail */
@product-thumbnail-large-width: 300px;
@product-thumbnail-large-height: 300px;
@product-thumbnail-medium-width: 220px;
@product-thumbnail-medium-height: 220px;
@product-thumbnail-medium-height-collections: 170px;
@product-thumbnail-small-width: 132px;
@product-thumbnail-small-height: 107px;
@product-thumbnail-table-width: 50px;

/* FONTS */
@familyBrand: 'HermesRegular', Arial, Helvetica, sans-serif;
@familyBoldHeader: 'GibsonBold', Arial, Helvetica, sans-serif;
@familyHeader: 'GibsonLightBold', Arial, Helvetica, sans-serif;
@familyBold: 'GibsonLightBold', Arial, Helvetica, sans-serif;
@familyBoldItalic: 'GibsonLightBoldItalic', Arial, Helvetica, sans-serif;
@familyItalic: 'GibsonItalic', Arial, Helvetica, sans-serif;
@familyRegular: 'GibsonRegular', Arial, Helvetica, sans-serif;

/* FONT SIZES */
@48pt: 48px;
@44pt: 44px;
@42pt: 42px;
@36pt: 36px;
@30pt: 30px;
@28pt: 28px;
@24pt: 24px;
@22pt: 22px;
@20pt: 20px;
@18pt: 18px;
@19pt: 19px;
@16pt: 16px;
@15pt: 15px;
@14pt: 14px;
@13pt: 13px;
@12pt: 12px;
@11pt: 11px;
@body-line-height: 1.5; 
@nav-line-height: 1.3; 
@body-letter-spacing: 0;

/* COLORS - CONTAINERS */
@brand-color: #FAD73D;
@header-gradient-top: #4d4d4d;
@header-gradient-bottom: #020202;
@cart-background-color: #FFFFFF;
@background-color: #FFFFFF;
@background-dark-color: #1A1A1A;
@container-background-color: #FFFFFF;
@footer-background-color: #333333;
@flyout-background-color: #000000;
@image-border-color: #F1F1F1;
@light-background-color: #F2F2F2;
@reversed-border-color: #666666;
@light-border-color: #E6E6E6;
@light-darker-border-color: #CCCCCC;
@medium-border-color: #BCCCD3;
@section-header-background-color: #020202;
@toolbar-background-color: #F2F2F2;
@how-it-works-background-color: #333333;
@purchase-gradient-top: #dbe8ef;
@purchase-gradient-bottom: #f9fbfd;

/* COLORS - FORMS */
@search-background-color: #565655;
@input-border-color: #CCCCCC;
@input-background-color: #FFFFFF;
@input-background-color-active: #FFFFFF;
@input-quantity-background-color: #FFFFFF;
@input-label-color: #4D4D4D;

/* COLORS - BASKET */
@basket-header-color: #DAE8EF;
@basket-body-color: #333333;
@basket-even-row-color: #F6F9FB;
@basket-aside-color: #F5F2DC;
@checkout-progress-background-color: #E6E6E6;

/* COLORS - CHECKOUT */
@donation-background-color: #F5F2DC;
@donation-border-color: #F0E8BA;
@click-background-color: #DAE8EF;
@click-border-color: #CBD9E1;

/* COLORS - TYPE */
@brand-logo-color: #000000;
@body-color: #808080;
@module-body-color: #4D4D4D;
@cart-quickview-color: #333333;
@reversed-type-color: #FFFFFF;
@title-color: #333333;
@footer-small-color: #B3B3B3;
@search-focus-color: #333333;

/* COLORS - BUTTONS AND LINKS */
@nav-link-color: #F9F6DE;
@nav-link-utility-color: #FFFFFF;
@left-nav-link-color: #333333;
@left-nav-link-background-color: #EFE5B1;
@breadcrumb-background-home-color: #EAD557;
@breadcrumb-background-color: #EFE5B1;
@breadcrumb-link-color: #333333;
@breadcrumb-link-current-color: #808080;
@footer-link-color: #E5E1C7;
@footer-link-hover-color: #FFFFFF;
@title-highlight-color: #E04649;
@reversed-color: #FFFFFF;
@highlight-color: #4096C1;
@highlight-alternate-color: #59BFC7;
@recessive-link-color: #CCCCCC;
@button-link-color: #FFFFFF;
@button-hover-color: #333333;
@button-border-color: #FFFFFF;
@button-outline-color: #E6E6E6;
@link-color: #4096C1;
@tabs-dt-color: #B3B3B3;

/* COLORS - BRAND */
@color-brand-energetic: #FBD83E;
@color-brand-neutral: #4096C1;
@color-brand-negative: #FF1C26;
@color-brand-positive: #5E992B;