:root {
    /* region ------ BASIC COLORS ------*/
    --color-black: #222;
    --color-dark: #20222F;
    --color-grey: #7c7c7c;
    --color-text: #696969;
    --color-light: #fff;
    --color-light-background: #f5f5f5;
    --color-enhance: #92187c;
    --color-enhance-medium: #92187c;
    --color-enhance-action: #92187c;
    --color-enhance-inverse: #3d7ef1;
    /* endregion */

    /* region ------ BASIC FONTS ------*/

    --font-primary: 'Playfair Display', serif;
    --font-primary-weight: 700;
    --font-primary-style: normal;

    --font-text: 'Sen', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --font-text-weight: 400;
    --font-text-bold: 'Sen', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    --font-text-bold-weight: 700;
    --font-text-extra-bold-weight: 800;
    /* endregion */    

    /* region ------ SECTIONS COLORS ------*/
    --color-enhance-2: #3d7ef1;
    --color-enhance-2-action: #3d7ef1;
    --color-enhance-3: #ed1673;
    --color-enhance-3-action: #ed1673;


    /* Pour chaque section de contenus */
    --section-programs: var(--color-enhance);
    --section-models : var(--color-enhance-2);
    --section-offers: var(--color-enhance-3);
    --section-actus: var(--color-enhance);
    --section-compagny: var(--color-enhance);

    /* endregion */ 

    /* region ------ SECTIONS COLORS ------*/
    --color-section-models:     var(--color-enhance-2);
    --color-section-programs:   var(--color-enhance);
    --color-section-offers:     var(--color-enhance-3);
    /* endregion */ 


    /* region ------ OPTIONAL COLORS ------*/
    --color-offer: var(--color-enhance-3);
    --color-offer-medium: var(--color-enhance-medium);
    --color-model: var(--color-enhance-2);
    --color-model-medium: #e8595f;
    --color-program: var(--color-enhance);
    --color-program-medium: var(--color-enhance); 
    /* endregion */

    /*------ HEADER ------*/
    --header-background: var(--color-light);
    --header-menu-color: var(--color-black);
    --header-line: transparent;
    --header-burger-background: var(--color-enhance);
    --header-burger-color: var(--color-light);
    --header-height-sm: 7rem;
    --header-height-xs: 6rem; 
    /* endregion */

    /*------ FOOTER ------*/
    --footer-background: #272935;
    --footer-title-color: var(--color-light);
    --footer-title-line: var(--color-light);
    --footer-menu-color: var(--color-light);
    --footer-social-color: var(--color-light);
    --footer-line: var(--color-dark);
    --footer-info-background: #3a3c4e;
    --footer-info-link: var(--color-light);
    --footer-info-title: var(--color-light); 
    /* endregion */

    /*------ GLOBAL ------*/
    --body-background: var(--color-light);
    --breadcrumbs-color: #ffffff;
    --form-background: var(--color-light);
    --form-background-input: var(--color-light);
    --icon-font-color: var(--color-enhance);

    --loader-background: transparent;
    --loader-circle-background: var(--color-enhance);

    --banner-background: var(--color-light);
    --banner-color: var(--color-text); */
    /* endregion */

    /*------ CTA ------*/
    /* --cta-color: var(--color-light);
    --cta-background: var(--color-enhance);
    --cta-background-hover: var(--color-enhance-medium);
    --cta-return-color: var(--color-enhance);
    --cta-return-color-hover: var(--color-enhance-medium); */
    
    /* endregion */

    /*------ SLIDER ------*/
    /* --slider-button-color: var(--color-light);
    --slider-button-background: var(--color-dark);
    --slider-button-background-hover: var(--color-black);

    --slider-arrow-color: var(--color-light);
    --slider-arrow-background: var(--color-dark); */
    /* endregion */

    /*------ HOME ------*/
    /* --slider-arrow-color-home: var(--color-light);
    --slider-arrow-background-home: var(--color-enhance);

    --featured-item-background-home: rgba(206,27,34,0.7);
    --section-agency-background-home: #711622; */
    /* endregion */

    /*------ THUMB ------*/
    --thumb-color: var(--color-dark);
    --thumb-color-hover: var(--color-enhance-medium);
    --thumb-background: var(--color-light);
    --thumb-line-color: #d0d0d0;
    /* endregion */

    /*------ PAGINATION ------*/
    /* --pagination-background: var(--color-light);
    --pagination-color: var(--color-enhance);
    --pagination-background-hover: var(--color-enhance);
    --pagination-color-hover: var(--color-light); */
    /* endregion */
}