/*====================================================
                    BEN'S LINE DANCE
                    VARIABLES
====================================================*/

:root{

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

    --primary: #6E8353;
    --primary-dark: #55673F;
    --primary-light: #8FA77A;

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

    --secondary: #F3E8D4;
    --secondary-dark: #E6D6BC;

    /*====================================================
                        FONDS
    ====================================================*/

    --background: #FBF8F2;
    --surface: #FFFFFF;
    --surface-alt: #F7F3EC;

    /*====================================================
                        TEXTE
    ====================================================*/

    --text: #4B3F35;
    --text-light: #7B7269;
    --text-white: #FFFFFF;

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

    --border: #E5DDD2;

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

    --shadow: 0 8px 25px rgba(0,0,0,.08);
    --shadow-hover: 0 18px 40px rgba(0,0,0,.15);

    /*====================================================
                        RAYONS
    ====================================================*/

    --radius: 18px;
    --radius-small: 10px;
    --radius-large: 26px;

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

    --transition: .30s ease;

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

    --container-width: 1400px;

}