/* ===============================================
   VARIABLES CSS - AMBA Theme
   Basé sur les variables Elementor du thème
   =============================================== */

:root {
    /* Variables Elementor globales */
    --e-global-color-primary: #F7D2CA;
    --e-global-color-secondary: #2D2C2B;
    --e-global-color-text: #727272;
    --e-global-color-accent: #61CE70;
    --e-global-color-fe02702: #FFFFFF;
    --e-global-color-d7391f4: #727272;
    --e-global-color-625bea9: #1E1D1D;
    --e-global-color-f113a28: #C8B2AB;
    --e-global-color-9635942: #E4E4E4;
    
    /* Typographie Elementor */
    --e-global-typography-primary-font-family: "Inter";
    --e-global-typography-secondary-font-family: "Space Grotesk";
    --e-global-typography-text-font-family: "Inter";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    
    /* Variables AMBA (mappées sur Elementor) */
    --amba-primary: var(--e-global-color-primary);
    --amba-primary-dark: #E4B8A8; /* Version plus foncée de primary */
    --amba-secondary: var(--e-global-color-secondary);
    --amba-success: var(--e-global-color-accent);
    --amba-danger: #dc3545;
    --amba-warning: #ffc107;
    --amba-info: #17a2b8;
    --amba-accent: var(--e-global-color-accent);
    --amba-white: var(--e-global-color-fe02702);
    --amba-gray: var(--e-global-color-text);
    
    /* Variables supplémentaires pour cohérence */
    --amba-dark: var(--e-global-color-625bea9);
    --amba-beige: var(--e-global-color-f113a28);
    --amba-light-gray: var(--e-global-color-9635942);
    
    /* Typographie AMBA */
    --amba-font-primary: var(--e-global-typography-primary-font-family);
    --amba-font-secondary: var(--e-global-typography-secondary-font-family);
    --amba-font-text: var(--e-global-typography-text-font-family);
    --amba-font-accent: var(--e-global-typography-accent-font-family);
}