/******************************************************************************************
 *
 * Projet     : Dakan Destinée
 * Fichier    : variables.css
 * Version    : 1.0.0
 *
 * Description
 * ----------------------------------------------------------------------------------------
 * Variables globales du site.
 *
 * Pour modifier l'identité graphique du site, commencez par ce fichier.
 *
 *****************************************************************************************/


/*=========================================================================================
    COULEURS
=========================================================================================*/

:root{

    /* Fond */

    --bg-primary:            #C6B198;
    --bg-secondary:          #F2ECE4;
    --bg-card:               #FFFFFF;

    /* Texte */

    --text-primary:          #37312C;
    --text-secondary:        #6B625A;
    --text-light:            #8A8179;

    /* Couleurs principales */

    --taupe:                 #D8C8B6;

    --gold:                  #C8A15D;
    --gold-light:            #E4C98E;
    --gold-dark:             #A97E36;

    /* Bordures */

    --border-light:          #ECE4DA;
    --border-medium:         #DDD0C2;

    /* États */

    --success:               #5B8A5A;
    --warning:               #D69A2D;
    --error:                 #B54A4A;

}



/*=========================================================================================
    TYPOGRAPHIE
=========================================================================================*/

:root{

    /* Polices */

    --font-title:            "Cormorant Garamond", serif;

    --font-text:             "Inter", sans-serif;

    /* Taille */

    --fs-h1:                 4rem;
    --fs-h2:                 2.8rem;
    --fs-h3:                 2rem;
    --fs-h4:                 1.5rem;

    --fs-text:               1rem;
    --fs-small:              .90rem;
    --fs-button:             1rem;

    /* Hauteur */

    --line-height:           1.8;

}



/*=========================================================================================
    ESPACEMENTS
=========================================================================================*/

:root{

    --space-xs:              .50rem;
    --space-sm:              1rem;
    --space-md:              1.5rem;
    --space-lg:              2rem;
    --space-xl:              3rem;
    --space-xxl:             4rem;

    --section-padding:       7rem;

}



/*=========================================================================================
    CONTENEUR
=========================================================================================*/

:root{

    --container-width:       1280px;

    --container-padding:     1.5rem;

}



/*=========================================================================================
    BORDURES
=========================================================================================*/

:root{

    --radius-sm:             .50rem;
    --radius-md:             1rem;
    --radius-lg:             2rem;
    --radius-pill:           999px;

}



/*=========================================================================================
    OMBRES
=========================================================================================*/

:root{

    --shadow-sm:             0 8px 18px rgba(0,0,0,.05);

    --shadow-md:             0 15px 35px rgba(0,0,0,.08);

    --shadow-lg:             0 25px 60px rgba(0,0,0,.12);

}



/*=========================================================================================
    TRANSITIONS
=========================================================================================*/

:root{

    --transition-fast:       .20s;

    --transition-normal:     .35s;

    --transition-slow:       .60s;

}



/*=========================================================================================
    HEADER
=========================================================================================*/

:root{

    --header-height:         90px;

}



/*=========================================================================================
    Z-INDEX
=========================================================================================*/

:root{

    --z-header:              100;

    --z-dropdown:            500;

    --z-modal:               1000;

}