:root {
    /* Couleurs principales */
    --color-red: #ec405a;      /* Bleu */
    --color-noir: #402218;    /* Vert */
    --color-yellow: #faeb14;       /* Rouge */
    --color-orange: #e48a51;       /* Gris clair */
    --color-bg: #decc9c;      
    
    /* Gris foncé */

    /* Couleurs complémentaires */
           /* Rouge foncé */
}


body {  
    background-color: #f0f1e4e0;
    font-family: Roboto;
    font-size: 14px;
 
}
.h6{
    font-size: 14px;
}

.icon-dashboard {
    color:#faeb14 ;
}

/* Using a local font file */
@font-face {
    font-family: 'poppins-light';
    src: url("font/poppins/Poppins-Medium-1fea43f6a39be62fbdbf1b2fee0287a1.ttf") format('woff2'),
}

@font-face {
    font-family: 'Roboto';
    src: url("font/roboto/Roboto-Regular-b32d59877a76761e0ffb02347e99d976.ttf") format('woff2'),
}

#spinner-div {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 2;
  }