/* Variables CSS - Palette Flow-Thérapie */

:root {
    /* Couleurs principales */
    --color-primary: #5e3494;        /* Violet foncé - fond carte de visite */
    --color-coral: #f8a799;          /* Corail - couleur logo */
    --color-blue: #63c8d9;           /* Bleu clair - couleur logo */
    --color-white: #ffffff;          /* Blanc */
    --color-text-dark: #2c2c2c;     /* Texte foncé sur fond clair */
    --color-text-light: #ffffff;     /* Texte clair sur fond foncé */
    
    /* Couleurs pour services */
    --color-sophrologie: #63c8d9;    /* Bleu clair */
    --color-psychopraticienne: #f8a799; /* Corail */
    --color-hypnose: #5e3494;        /* Violet foncé */
    
    /* Couleurs de fond */
    --bg-primary: #ffffff;          /* Fond principal blanc */
    --bg-secondary: #f8f9fa;        /* Fond secondaire gris très clair */
    --bg-dark: #5e3494;             /* Fond violet foncé */
    
    /* Typographie */
    --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
    --font-heading: 'Georgia', serif;
    
    /* Espacements */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    
    /* Tailles */
    --container-max-width: 1200px;
    --header-height: 75px;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* Ombres */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
}