:root {

    /* ========================================
       CHARTE GRAPHIQUE FLEURS EN DEUIL
       ======================================== */

    /* Body */
    --body-background: #FFF;

    /* Couleurs principales */
    --ltn__primary-color: #9b64a7;           /* Violet principal (menu principal) */
    --ltn__secondary-color: #fc8882;         /* Rose saumon (menu niveau 0) */
    --ltn__heading-color: #9b64a7;           /* Violet pour les titres */
    --ltn__paragraph-color: #333333;         /* Texte noir pour les paragraphes */
    --ltn__primary-color-2: #756779;         /* Violet hover (menu "En découvrir plus") */
    --ltn__primary-color-3: #c7a2d2;         /* Mauve clair (sélection megamenu) */
    --ltn__secondary-color-2: #ff5e56;       /* Rose saumon hover */
    --ltn__secondary-color-3: #F19D76;       /* Orange iconique (icônes PSR) */
  
    /* Fonts */
    --ltn__body-font: 'Lora', arial;
    --ltn__heading-font: 'Lora', arial;
    --ltn__paragraph-font: 'Lora', arial;
  
    /* Footer - Couleurs Fleurs en Deuil */
    --ltn__color-1: #9b64a7;                 /* Violet principal */
    --ltn__color-2: #c7a2d2;                 /* Mauve clair */
    --ltn__color-3: #756779;                 /* Violet hover */
    --ltn__color-4: #9b64a7;                 /* Violet principal */
  
    /* Gradient Colors - Fleurs en Deuil */
    --gradient-color-1: linear-gradient(90deg, rgba(155, 100, 167, 1) 0%, rgba(199, 162, 210, 1) 50%);  /* Violet principal vers mauve clair */
    --gradient-color-2: linear-gradient(to top, rgba(155, 100, 167, 0) 0%, rgba(155, 100, 167, 1) 90%);
    --gradient-color-3: linear-gradient(to bottom, rgba(155, 100, 167, 0) 0%, rgba(155, 100, 167, 1) 90%);
    --gradient-color-4: linear-gradient(to top, rgba(252, 136, 130, 0) 0%, rgba(252, 136, 130, 1) 90%);  /* Rose saumon */
  
    /* Background Colors 1, 2, 3, 4, 5 */
    --section-bg-1: var(--white);
    --section-bg-2: var(--mauve-extralight);     /* Fond mauve très clair */
    --section-bg-3: var(--mauve-light);
    
    /* Border Colors */
    --border-color-1: #f0f0f0;
    /* White */
    --border-color-2: #1e2021;
    /* Black */
    --border-color-3: #576466;
    /* Black */
    --border-color-4: #eb6954;
    /* Red */
    --border-color-5: #bc3928;
    /* Red */
    --border-color-6: #103034;
    /* Black */
    --border-color-7: #d1dae0;
    /* White */
    --border-color-8: #f6f6f6;
    /* White */
    --border-color-9: #e4ecf2;
    /* White */
    --border-color-10: #ebeeee;
    /* White */
    --border-color-11: #ededed;
    /* White */
    --border-color-12: #e1e6ff;
    /* White */
    /* Box Shadow Colors */
    --ltn__box-shadow-1: 0 16px 32px 0 rgba(7, 28, 31, 0.1);
    --ltn__box-shadow-2: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    --ltn__box-shadow-2-h: 0 0 6px 2px rgba(0, 0, 0, 0.1);
    /* like border */
    --ltn__box-shadow-3: 0 0 4px 0 rgba(32, 33, 36, .28);
    /* like border GGL */
    --ltn__box-shadow-4: 0 5px 20px 0 rgba(28, 82, 23, 0.1);
    --ltn__box-shadow-5: 0 8px 16px 0 rgba(93, 93, 93, 0.1);
    --ltn__box-shadow-6: 0 0 25px 2px rgba(93, 93, 93, 0.2);
    --ltn__box-shadow-7: -3px 1px 5px -2px rgba(32, 33, 36, .28);
    --ltn__box-shadow-8: 0 0 8px 0px rgba(0, 0, 0, 0.2);
    --ltn__box-shadow-9: 0px -5px 6px 0px rgba(0,0,0,0.18);
  
    /* Common Colors */
    --black: #000000;
    --black-2: #434343;
    --black-3: #333333;
    --black-4: #4F4F4F;
    --black-5: #888888;
    --black-6: #3B3C3D;
    --black-7: #424242;
    --black-8: #717171;
    --black-9: #B4B4B4;
    --white: #fff;
    --white-2: #F2F6F7;
    --white-3: #e8edee;
    --white-4: #e6ecf0;
    --white-5: #f0f4f7;
    --white-6: #f1f1f1;
    --white-7: #F7F7F7;
    --white-8: #FAFAFA;
    --white-9: #F2F7FA;
    --white-10: #999999;
    --white-11: #FDFDFD;
    --white-12: #E2E1E1;
    --white-13: #F0F0F0;
    --white-14: #DFDFDF;
    --white-15: #A9A9A9;
    --white-16: #ECECEC;
    --white-17: #F4F7FC;
    --white-18: #E1E1E1;
    --red: #FF0000;
    --red-2: #f34f3f;
    --red-3: #DB483B;
    --silver: #C0C0C0;
    --gray: #808080;
    --maroon: #800000;
    --yellow: #FFFF00;
    --olive: #808000;
    --lime: #00FF00;
    --green: #008000;
    --green-2: #9AC45C;
    --aqua: #00FFFF;
    --teal: #008080;
    --blue: #0000FF;
    --blue-2: #6D5CC4;
    --navy: #000080;
    --fuchsia: #FF00FF;
    --purple: #800080;
    --pink: #FFC0CB;
    --nude: #ebc8b2;
    --orange: #ffa500;
    --ratings: #FFB800;
    /* social media colors */
    --facebook: #365493;
    --twitter: #3CF;
    --linkedin: #0077B5;
    --pinterest: #c8232c;
    --dribbble: #ea4c89;
    --behance: #131418;
    --google-plus: #dd4b39;
    --instagram: #e4405f;
    --vk: #3b5998;
    --wechat: #7bb32e;
    --youtube: #CB2027;
    --email: #F89A1E;

    /* ========================================
       COULEURS PERSONNALISÉES FLEURS EN DEUIL
       ======================================== */

    /* Couleurs principales Fleurs en Deuil */
    --violet-principal: #9b64a7;             /* Violet principal (menu principal) */
    --violet-hover: #756779;                 /* Violet hover (menu "En découvrir plus") */
    --rose-saumon: #fc8882;                  /* Rose saumon (menu niveau 0) */
    --rose-saumon-hover: #ff5e56;            /* Rose saumon hover */
    --mauve-clair: #c7a2d2;                  /* Mauve clair (sélection megamenu) */
    --orange-iconique: #F19D76;              /* Orange iconique (icônes PSR) */

    /* Couleurs secondaires produits Fleurs en Deuil */
    --couleur-blanc: #ffffff;
    --couleur-rose: #f49fa6;
    --couleur-jaune: #ffea10;
    --couleur-rouge: #df2c00;
    --couleur-mauve: #A84AD4;
    --couleur-parme: #d2b9d9;
    --couleur-fuchsia: #ff00ff;

    /* Anciennes couleurs personnalisées (compatibilité) */
    --grey-slider-btn: rgb(163, 163, 163);
    --grey-light: #f0edeb;
    --grey-extralight: #C7C7C7;
    --brown-dark: #532812;
    --brown-mid: #8d6049;
    --brown-light: #c69277;
    --brown-extralight: #f6f4f1;
    --brown-mid-transparent: #532812b7;
    --ltn__secondary-color-transparent: rgba(252, 136, 130, 0.32);  /* Rose saumon transparent */
    --white-light-transparent: #ffffff82;
    --green-transparent : #a9c62a85;
    --custom-red-light: #ffe8e8;
    --custom-green: #a9c62b;
    --custom-green-light: #d5e97c;
    --custom-green-dark: #768a1f;
    --custom-error: #ba3e46;
    --custom-error-light1: #f8d7da;
    --custom-error-light2: #f5c2c7;
    --custom-warning: #FEC107;
    --custom-info: #1BA2B8;
    --yellow-emoji: #FFC964;
    --card-shadow : 0 0px 10px 0 rgba(0,0,0,0.15);

    /* Déclinaisons mauve Fleurs en Deuil */
    --custom-purple: #c7a2d2;                /* Mauve clair */
    --mauve-dark: #756779;                   /* Violet hover */
    --mauve-mid: #9b64a7;                    /* Violet principal */
    --mauve-mid-transparent: rgba(155, 100, 167, 0.72);  /* Violet transparent */
    --mauve-extralight: #fcf2ff;             /* Mauve très clair pour les fonds */
    --mauve-light: #e6d5eb;                  /* Mauve clair pour les fonds alternatifs */
  }