:root{
    --main-color-first: rgb(60, 112, 31); /* Bleu principal 100% */
    --main-color-second: rgb(110, 183, 70); /* Vert Clair 100% */
    --main-color-third: rgb(252, 204, 29); /* Jaune Foncé 100% */
    --main-color-fourth: rgb(247, 223, 137);
    --main-color-fifth: rgb(64, 64, 64); 
    --main-color-six:   rgb(154 181 44 / 49%);

    --main-color-red: #e86659; /* rouge pastel */
    --main-color-disabled: #e2e2e2 ;

    --main-color-text-first: #575756;

    --main-color-border-first: #c3c0c0;
    --main-color-link-first: rgb(60, 112, 31);

    --main-color-success: rgb(110, 183, 70);
    --main-color-warning: rgb(255, 237, 0);
    --main-color-info: rgb(0, 174, 239);
    --main-color-danger: rgb(162, 10, 66);

    --main-color-filter-first:  brightness(0) saturate(100%) invert(38%) sepia(8%) saturate(3245%) hue-rotate(55deg) brightness(94%) contrast(95%);;
    --main-color-filter-second: brightness(0) saturate(100%) invert(69%) sepia(37%) saturate(714%) hue-rotate(55deg) brightness(88%) contrast(82%);;
}

html, body {
    background: url(https://cdn.sogefi-web.com/interne/images/applications/greenyellow/login-fond.jpg) no-repeat center;
    background-size: cover;
}
.img_logo_application{
    background: url(https://cdn.sogefi-web.com/interne/images/applications/greenyellow/logo.svg) no-repeat center;
    background-size: 400px;
}