:root {

/* Font des titres */
    --title-font: "Barlow", sans-serif !important;

/* Couleurs principales */
    --main-color: #141d29;
    --second-color: #112753;
    --second-gradient: linear-gradient(180deg, #112753 0%, #070e1d 100%);
    --flash-color: #7fb8e7; 
    --flash-color-dark: #1f6fb2; 
    --light-color: #ffffff;
    --black-color: #080e1d;
    --grey-color: #EFF1F2;
    
    --gradient: linear-gradient(to right, var(--main-color) 65%, var(--second-color));

/* Formulaire sombre (login) */
    --input-dark-bg: #1c2736;
    --input-dark-border: #3a4658;
    --text-dark-muted: #8e9bb0;
    --text-dark-soft: #c9d3e0;
    --login-hero-overlay: linear-gradient(rgba(2, 20, 58, .7) 100%, rgba(7, 14, 29, 0) 100%);

/* Effets */
    --button-hover-bg: var(--second-color);
/* Couleur du texte */
    --text-color: var(--black-color);
    --onglets-active-text: var(--flash-color-dark);

/* Coins arrondis du site */
    --radius: 6px;
    --radius-8: 8px;
    --radius-12: 12px;
    --radius-16: 16px;
    --radius-64: 64px;

/* Espacement */
    --spacer: 2rem;

    /* BACKGROUND */

/* Couleur du fond de page*/
    --bg-color: #e9ecef;
    --bg-light: #fff;
    --button-hover-bg: var(--second-color);

/* Nom du fichier de l'image de fond du site */
    --bg-img: ''; /* pour rien mettre '' */

    /* ------------------------------------------- BOUTONS ------------------------------------------- */
    --button-radius: 6px;
    --button-icon-color: currentColor;
    --button-bg: var(--main-color);

    /* HEADER
    ----------------------------------------------------------------------------------------------------------------- */
    /* Ombre sous le header */
    --header-shadow: 0;

    /* SIDEBAR
    ----------------------------------------------------------------------------------------------------------------- */

    /* Affichage de la barre de menu (Block ou none) */
    --sidebar-display: none;

    /* NAVBAR
    ----------------------------------------------------------------------------------------------------------------- */
    /* Affichage de la barre de menu (Block ou none) */
    --navbar-display: block;

    /* Largeur du conteneur de la navbar (1140 ou 980 ou 100%) */
    --navbar-width:var(--mainSection-width);

    /* Couleur de fond de la navBar */
    --navbar-bg: var(--gradient);

    /* Bord arrondis de la navbar */
    --navbar-radius:0px;

    /* Max width
     ----------------------------------------------------------------------------------------------------------------- */
    --mainSection-width: 1420px;

    /* FOOTER ----------------------------------------------------------------------------------------------------------- */
    --footer-bg-color: var(--main-color);
}