/*
 * ==========================================================
 * VARIABLES - Palette de couleurs EquiSoph'Armonie
 * ==========================================================
 * Pour changer les couleurs du site, modifier uniquement
 * les valeurs ci-dessous. Tout le site s'adaptera.
 */

:root {
    /* -- Palette principale (rose / mauve féminin) -- */
    --color-primary:        #B5627E;
    --color-primary-light:  #D4849E;
    --color-primary-dark:   #8E3A5E;
    --color-primary-rgb:    181, 98, 126;

    /* -- Palette secondaire (violet profond) -- */
    --color-secondary:      #4A2545;
    --color-secondary-light:#7B5278;
    --color-secondary-rgb:  74, 37, 69;

    /* -- Fonds -- */
    --color-bg:             #FFF9FB;
    --color-bg-alt:         #F8EEF3;
    --color-bg-dark:        #2A1528;

    /* -- Textes -- */
    --color-text:           #2A1528;
    --color-text-light:     #6B5068;
    --color-text-inverse:   #FFF9FB;

    /* -- Accents pailletés (or rosé) -- */
    --color-sparkle:        #F0C27A;
    --color-sparkle-soft:   rgba(240, 194, 122, 0.3);
    --color-sparkle-rgb:    240, 194, 122;

    /* -- Fonctionnels -- */
    --color-success:        #5B8C5A;
    --color-error:          #C0392B;
    --color-link:           var(--color-primary-dark);
    --color-link-hover:     var(--color-primary);

    /* -- Typographie -- */
    --font-heading:         'Playfair Display', Georgia, 'Times New Roman', serif;
    --font-body:            system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
    --font-size-base:       1rem;
    --font-size-sm:         0.875rem;
    --font-size-lg:         1.25rem;
    --font-size-xl:         1.75rem;
    --font-size-2xl:        2.5rem;
    --font-size-3xl:        3.5rem;
    --line-height:          1.7;

    /* -- Espacements -- */
    --space-xs:  0.25rem;
    --space-sm:  0.5rem;
    --space-md:  1rem;
    --space-lg:  2rem;
    --space-xl:  4rem;
    --space-2xl: 6rem;

    /* -- Rayons -- */
    --radius-sm:  4px;
    --radius-md:  8px;
    --radius-lg:  16px;
    --radius-xl:  24px;
    --radius-full:50%;

    /* -- Ombres -- */
    --shadow-soft:    0 2px 15px rgba(var(--color-primary-rgb), 0.1);
    --shadow-medium:  0 4px 25px rgba(var(--color-primary-rgb), 0.15);
    --shadow-sparkle: 0 0 20px rgba(var(--color-sparkle-rgb), 0.2);

    /* -- Transitions -- */
    --transition-fast:   0.2s ease;
    --transition-medium: 0.4s ease;
    --transition-slow:   0.6s ease;

    /* -- Largeurs max -- */
    --max-width:       1200px;
    --max-width-text:  800px;

    /* -- Navbar -- */
    --navbar-height:   70px;
}