:root{
    --main-color-first: rgb(51, 102, 204); /* Bleu Foncé 100% */
    --main-color-second: rgb(8, 47, 124); /* Violet Foncé 100% */
    --main-color-third: rgb(145, 164, 60); /* Bleu Clair 100% */
    --main-color-fourth: rgb(135, 166, 232); /* Violet Foncé 50% */
    --main-color-fifth: rgb(169, 191, 235); /* Bleu Foncé 50% */
    --main-color-six: rgb(138, 169, 231); /* Violet Clair 50% */


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

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

    --main-color-first-hover: rgba(64, 154, 202, 0.5);
    --main-color-second-hover: #d6d6d6;

    --main-color-border-first: #808080;
    --main-color-link-first: rgb(139, 40, 133);

    --main-color-success: rgb(0, 176, 139);
    --main-color-warning: rgb(220, 169, 14);
    --main-color-info: rgb(0, 174, 239);
    --main-color-danger: rgb(162, 10, 66);
}