:root{
  
  /* Primary colors */
  --background-color-primary: #D9017A;
  --background-color-primary-hover: #BF006B;
  --border-color-primary: #D9017A;
  --border-color-primary-hover: #BF006B;
  --text-color-primary: #D9017A;
  --text-color-primary-hover: #BF006B;
  --color-primary-star: #D9017A;

  /* secondary colors if needed */
  --background-color-secondary: #004D43;
  --background-color-secondary-hover: #D9017A;
  --border-color-secondary: #004D43;
  --text-color-secondary: #004D43;
  --color-secondary-star: #EBAA20;

  /* third colors if needed */
  --background-color-third: #EBAA20;
  --background-color-third-hover: #D99911;

  /********************
  * 1 - Header
  ********************/

  /* 1.2 - Site header */
  --height-top-menu: 80px;
  --height-top-menu-only-mobile : 80px;
  --padding-top-body: 80px;
  --padding-top-body-only-mobile : 80px;
  --background-color-top-menu: var(--background-color-secondary);

  /* 1.3 - Searchbox */
  --searchbox-background: var(--color-white);
  --searchbox-size: 14px;
  --searchbox-placeholder: var(--color-grey-text);
  --searchbox-height: 40px;
  --searchbox-width-tablet: 250px;
  --searchbox-width-laptop: 250px;
  --searchbox-width-desktop: 350px;
  --searchbox-radius: 5px;
  
  --searchbox-go-icon-color: var(--text-color-secondary);
  --searchbox-go-mobile-icon-color: var(--text-color-secondary);

  /* 1.4 - Navigations (direct access) */
  --focus-direct-access-color: var(--text-color-secondary);
  --focus-direct-access-border-color: var(--border-color-secondary);

  /* 1.5 - Navigations (categories) */
  --text-color-top-menu: var(--color-white);
  --text-color-top-menu-hover: var(--color-white);
  --text-color-top-menu-underline-hover: var(--color-white);

  /* 1.6 - Right icons */
  --icon-color-top-menu: var(--text-color-secondary);
  --icon-color-top-menu--mobile: var(--color-white);
  --icon-color-top-menu-hover: var(--background-color-secondary-hover);

  --icon-background-top-menu: var(--color-white);
  --icon-background-top-menu--mobile: var(--text-color-secondary);
  --icon-background-top-menu-hover: var(--color-grey-background);

  --icon-text-color-top-menu: var(--color-white);
  --icon-text-color-top-menu--mobile: var(--text-color-secondary);
  --icon-text-color-top-menu-hover: var(--color-white);

  --notified-color: var(--background-color-primary);

  /* 1.8 - Logos */
  --logo-width-xs: 105px;
  --logo-width-mobile: 105px;
  --logo-width-tablet: 115px;
  --logo-width-laptop: 115px;
  --logo-width-desktop: 115px;
  --logo-width-footer: 115px;

  /********************
  * 2 - Main
  ********************/

  /* 2.1 - Base */
  --background-color-site-main: var(--color-white);

  /********************
  * 3 - Footer
  ********************/

  /* 1.1 - Site footer */
  --background-color-footer: transparent;
  --background-color-footer-new: var(--color-grey-background);
  --text-color-footer: var(--color-black);
  --text-color-link-hover: var(--text-color-primary);
  --subtitle-text-color-footer: var(--color-black);

  --subfooter-color: var(--color-text);
	--subfooter-hover: var(--color-black);

  /* 1.2 - Bottom icons */
  --footer-socials-background: var(--background-color-secondary);
	--footer-socials-color: var(--color-grey-background);

  /********************
  * 4 - Components
  ********************/

  /* 4.4 - Add to cart buttons */
  --background-color-add-to-cart: var(--background-color-primary);
  --background-color-add-to-cart-hover: var(--background-color-primary-hover);

  --background-color-one-clic: var(--background-color-third);
  --background-color-one-clic-hover: var(--background-color-third-hover);

  /********************
  * 5 - Widgets
  ********************/

  /* 5.0 - All */
  --widget-title-color: var(--text-color-secondary);
  --view-more-color: var(--text-color-secondary);
  --view-more-underline: var(--text-color-secondary);

  /********************
  * 6 - Templates
  ********************/

  /* 6.2 - Product */

  /*
  --price-text-color:var(--text-color-primary);
  --price-font-weight:500;
  --secondary-price-text-color:var(--text-color-primary);
  --old-price-text-color:var(--color-black);
  */
  
  --product-main-title-color: var(--text-color-secondary);
  --product-main-author-color: var(--color-black);
  --product-main-link-color: var(--text-color-primary);

  /*
  --product-title-color: var(--text-color-secondary);
  --product-author-color: var(--text-color-primary);
  */

  --product-sticky-read-extract: var(--text-color-primary);
  --product-read-more: var(--text-color-primary);

    /****************************/
  /****************************/
  /******** NEW DESIGN ********/
  /****************************/
  /****************************/

  /* Design */
  --color-primary-50: #004D43;
  --color-primary-100: #004D43;
  --color-primary-200: #004D43;
  --color-primary-300: #004D43;
  --color-primary-400: #004D43;
  --color-primary-500: #004D43;
  --color-primary-600: #004D43;
  --color-primary-700: #004D43;
  --color-primary-800: #004D43;
  --color-primary-900: #004D43;

  /********************
  * 1 - Header
  ********************/

  /* 1.3 - Searchbox */
  --searchbox-txt-size: 15px;

  --searchbox-radius: 5px;
  --searchbox-height: 44px;
  --searchbox-width-tablet: 370px;
  /*--searchbox-width-desktop: 160px;*/
  --searchbox-width-desktop: 210px;
  --searchbox-width-max: 360px;

  --searchbox-btn-size: 34px;
  --searchbox-btn-submit-size: 22px;
  --searchbox-btn-submit-hover: var(--background-color-primary);
  --searchbox-btn-reset-position: 38px;

  --searchbox-item-head-size: 17px;
  --searchbox-item-title-size: 15px;
  
}