/*Variables css*/
:root body{

    font-stretch: 100%;

    /* ========================================
       FONTS - Elementor Typography
       ======================================== */

    /* Références directes aux variables Elementor */
    --font-primary: var(--e-global-typography-primary-font-family, 'Mona Sans'), 'Mona Sans', 'Mona sans', 'Aptos', 'Segoe UI', sans-serif;
    --font-secondary: var(--e-global-typography-secondary-font-family, 'Mona Sans'), 'Mona Sans', 'Mona sans', 'Aptos', 'Segoe UI', sans-serif;
    --font-text: var(--e-global-typography-text-font-family, 'Mona Sans'), 'Mona Sans', 'Mona sans', 'Aptos', 'Segoe UI', sans-serif;
    --font-accent: var(--e-global-typography-accent-font-family, 'Mona Sans'), 'Mona Sans', 'Mona sans', 'Aptos', 'Segoe UI', sans-serif;


    /* ========================================
       COLORS - Elementor Color System
       ======================================== */

    /* Couleurs principales Elementor */
    --color-primary: var(--e-global-color-primary, #e1051c);
    --color-secondary: var(--e-global-color-secondary, #12162B);
    --color-text: var(--e-global-color-text, #000000);
    --color-accent: var(--e-global-color-accent, #e1051c);

    /* Couleurs spécifiques du site */
    --color-primary-dark: #c00518;
    --color-white: #ffffff;

    /* Formulaires */
    --form-card-background: #ffffff;
    --form-card-radius: 15px;
    --form-card-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
    --form-control-background: #f0f3f8;
    --form-control-text: #012b54;
    --form-control-placeholder: #677990;
    --form-control-radius: 7px;
    --form-submit-gradient: linear-gradient(144deg, #02a2d6 0%, #1ec9ff 50%, #1ec9ff 100%);


    /* ========================================
       TRANSITIONS - Animations
       ======================================== */

    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
    --transition-slower: 600ms ease;

    --ease-in: cubic-bezier(0.4, 0, 1, 1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

    /* ========================================
       BREAKPOINTS - Points de rupture
       ======================================== */

    --breakpoint-mobile: 768px;
    --breakpoint-tablet: 1024px;
    --breakpoint-desktop: 1200px;
    --breakpoint-wide: 1440px;

    /* ========================================
       OPACITIES - Niveaux d'opacité
       ======================================== */

    --opacity-disabled: 0.5;
    --opacity-hover: 0.8;
    --opacity-overlay: 0.95;

    /* ========================================
       MACRO ACCENTS - Couleurs nutritionnelles
       ======================================== */

    --color-macro-protein: var(--color-primary);
    --color-macro-carb: #f59e0b;
    --color-macro-fat: #3b82f6;
    --color-macro-fiber: #10b981;
    --color-macro-sugar: #ec4899;
    --color-macro-salt: #6b7280;
}