:root{
    --main-color-first: rgb(0 22 70); /* Bleu clair 100% */
    --main-color-second: rgb(208 152 74); /* Rouge clair 100% */
    --main-color-third: rgb(253 197 101) ; /* Jaune orangé 100% */
	--main-color-fifth: rgb(45, 117, 135, 0.5); /* Bleu clair 50% */
    --main-color-six:  rgb(232, 102, 89, 0.5); /* Rouge clair 50% */

    --main-color-orange: rgb(220, 83, 58); /* Orange 100% */
    --main-color-orange-75: rgb(0, 176, 139); /* Orange 100% */
    --main-color-orange-50: rgb(238, 169, 157); /* Orange 100% */

    --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: #c3c0c0;
    --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);
}