body {
/*<>===========================================================================================================================================<>*/
/*                                                            COULEUR                                                                            */
/*<>===========================================================================================================================================<>*/

    --color-first-1: #8CC63F;
    --color-first-2: #006633;
    --color-first-2--opacity: #8CC63F4D;

    --color-second-1: #FF5733;
    --color-second-2: #FFEEEA;
    --color-second-3: #F3F9EB;

/*<>===========================================================================================================================================<>*/
/*                                                             FONT                                                                              */
/*<>===========================================================================================================================================<>*/

    --font-regular: "Mst Regular", sans-serif;
    --font-medium: "Mst Medium", sans-serif;
    --font-semi: "Mst SemiBold", sans-serif;

    --font-size-xs: 12px;
    --font-size-s: 14px;
    --font-size-m: max(16px, calc(20vw / 19.2));
    --font-size-l: max(18px, calc(25vw / 19.2));
    --font-size-xl: max(20px, calc(30vw / 19.2));

/*<>===========================================================================================================================================<>*/
/*                                                             ICON                                                                              */
/*<>===========================================================================================================================================<>*/

    --icon-success: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20.611' height='14.886' viewBox='0 0 20.611 14.886'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Crect width='20.611' height='14.886' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(0 0)'%3E%3Cg transform='translate(0 0)' clip-path='url(%23a)'%3E%3Cpath d='M7.633,14.886A2.665,2.665,0,0,1,5.744,14.1L.782,9.141A2.671,2.671,0,1,1,4.56,5.363L7.7,8.507l8.419-7.8a2.672,2.672,0,0,1,3.63,3.921L9.449,14.175a2.664,2.664,0,0,1-1.816.711' transform='translate(0 0)' fill='%2389b430'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    --icon-danger: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.596' height='16.594' viewBox='0 0 16.596 16.594'%3E%3Cg transform='translate(-1266.146 -3357.148)'%3E%3Cpath d='M0,14.594a1.994,1.994,0,0,1-1.413-.585,2,2,0,0,1,0-2.828L11.165-1.413a2,2,0,0,1,2.828,0,2,2,0,0,1,0,2.828L1.415,14.007A1.994,1.994,0,0,1,0,14.594Z' transform='translate(1268.155 3359.148)' fill='%23e4412b'/%3E%3Cpath d='M12.6,14.578a1.994,1.994,0,0,1-1.413-.585L-1.413,1.415a2,2,0,0,1,0-2.828,2,2,0,0,1,2.828,0l12.6,12.578A2,2,0,0,1,12.6,14.578Z' transform='translate(1268.146 3359.156)' fill='%23e4412b'/%3E%3C/g%3E%3C/svg%3E");
    --icon-edit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M4.5,18.747V22.5H8.249L19.308,11.438,15.558,7.688ZM22.208,8.538a1,1,0,0,0,0-1.41l-2.34-2.34a1,1,0,0,0-1.41,0l-1.83,1.83,3.749,3.749,1.83-1.83Z' transform='translate(-4.5 -4.496)' fill='%2389b430'/%3E%3C/svg%3E");
    --icon-waiting: url("../images/pictogrammes/picto-document-attente.png");

/*<>===========================================================================================================================================<>*/
/*                                                            SPACING                                                                            */
/*<>===========================================================================================================================================<>*/

    --inner-spacing: max(15px, calc(35vw / 19.2));

}