/*------------------------------*\
    #SETTINGS
/*------------------------------*/
/**--- Variables des couleurs MarketPlace ESN ---**/
:root {
    /* elements principaux */
    /* mission elements */
    --main-color_mission: #50c8c6;
    --secondary-color_mission: #97dbdd;
    --main-color_mission_rgb: 80, 200, 198;
    --secondary-color_mission_rgb: 151, 219, 221;
    --tertiary-color_mission: #439F9E;
    /* profil elements */
    --main-color_profil: #1B2964;
    --secondary-color_profil: #5e5e8c;
    --tertiary-color_profil: #A0A1EC;
    --main-color_profil_rgb: 27, 41, 100;
    --secondary-color_profil_rgb: 94, 94, 140;
    /* ESN-forfait elements */
    --main-color_esn-forfait: #56ccff;
    --main-color_esn-forfait_rgb: 86, 204, 255;
    /* client finaux AO elements */
    --main-color_ao: #71004e;
    --secondary-color_ao: #bb0012;
    --main-color_ao_rgb: 113, 0, 78;
    --secondary-color_ao_rgb: 187, 0, 18;
    /* formation elements */
    --main-color_formation: #f93275;
    --main-color_formation_rgb: 249, 50, 117;
    /* abonnement elements */
    --main-color_abonnement: #e95000;
    --main-color_abonnement_rgb: 233, 80, 0;
    --secondary-color_abonnement: #0a6379;
    --secondary-color_abonnement_rgb: 10, 99, 121;
    /* freelance elements */
    --main-color_freelance: #99CC33;
    --main-color_freelance_rgb: 153, 204, 51;
    /* remote elements */
    --full_remote: #C4BFBF;
    --hybrid_remote: #C4BFBF;
    --full_hybride: #C4BFBF;
    /**/
    --color-jaune: #FFD900; /* jaune de damas*/
    --color-jaune_rgb: 255, 217, 00; /* jaune de damas*/

    --color-rouge: #F3071E;
    /* elements secondaires */
    /* menu gauche elements */
    --background_menu-gauche: #002948;
    --background_menu-gauche_rgb: 0, 41, 72;
    /* typographie */
    --main-color_paragraphe: #090909;
    --main-color_paragraphe_rgb: 9, 9, 9;
    /**/
    --text-color-secondaire-mission: #003360;
    --box-shadow-sidebar: #00000029; /* a supprimer car non valide même si elle fonctionne pour une raison qui m'échappe */
    --profils--degrade-color-vertical-top: #1C2A64;
    --profils--degrade-color-vertical-bottom: #5D5D8B;
    
    --dropdow--main-color: #1F2C66;
    --bleu-sombre-inconnu: #1F435E;
    --text-color-connexion: #320F10;
    --block-profil-skew: #447CE9;
    --block-mission-skew: #79AEAF;
    --background-hitechpros: #f8f8f8;
    --draggable-bleu-nuit: #1D2A65;
    --draggable-bleu-vert: #1CC8CE;
    --input-modal-bg: #f3f3f3;
    --input-modal-txt: #c5c5c5;
    --textarea-color: #3e3e3e;
    --gray: #6c757d;
    --light-gray:#f9f9f9;
    --very-light-gray:#c1c1c1;
    --dark-gray: #222222;
    --another-gray: #707070;
    --another-gray_rgb: 112, 112, 112;
    --another-gray_2: #B1B1B1;
    --another-gray_3: #6A6868;
    --white: #ffffff;
    --white_rgb: 255, 255, 255;
    --white-gray: #dae0e5;
    --black: #000000;
    --black_rgb:  0, 0, 0;
    --main-color_teams: #4047b1;
    --main-color_teams_rgb: 64, 71, 177;
    --secondary-color_teams: #7b83ea;
    --secondary-color_teams_rgb: 123, 131, 234;


    /* font size base */
    --basePX: 10px;
    /*clamp(1.5rem, -0.430rem + 2.161616vw, 2rem)*/
    --min: 1rem;
    --max: 3rem;
    --clamped-font-size: clamp(var(--min), 2.5vw, var(--max));

    /* variables couleurs MAP only */
    --zone-1_rgb: 242,21,161;
    --zone-2_rgb: 229, 141, 108;
    --zone-3_rgb: 161, 121, 191;
    --zone-4_rgb: 117, 207, 120;
    --zone-5_rgb: 73, 145, 184;

    --svg-mission: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cdefs%3E%3C/defs%3E%3Cg transform='translate(-261.006 -151.094)'%3E%3Cpath d='M276.916,163.391,279,165.472a1.715,1.715,0,0,0,2.422,0l5.761-5.761a.549.549,0,0,0,0-.776l-7.68-7.681a.55.55,0,0,0-.777,0l-4,4-2.08-2.08a1.714,1.714,0,0,0-2.422,0l-5.373,5.372-1.258-1.258a.549.549,0,0,0-.776,0l-1.646,1.647a.549.549,0,0,0,0,.776L271.751,170.3l-.71.71a.548.548,0,0,0-.16.388v3.065l-.549.548-.16-.16a.548.548,0,0,0-.776,0l-8.23,8.23.776.776,7.842-7.842,5.259,5.259-1.806,1.807.776.776,2.194-2.195a.548.548,0,0,0,0-.776l-.709-.71,3.064-3.064,5.1,5.1a.549.549,0,0,0,.776,0l1.646-1.647a.548.548,0,0,0,0-.776l-5.1-5.1.71-.709a.548.548,0,0,0,0-.776l-4.389-4.39a.549.549,0,0,0-.776,0l-.048.048a2.859,2.859,0,0,0-.822-1.694.549.549,0,0,0-.776,0l-.71.71-.87-.87Zm2.629-.89-.548.548a1.7,1.7,0,0,0-.354.517l-.951-.951.984-.984a.615.615,0,1,1,.87.87Zm-.435-10.083,6.905,6.905-5.373,5.373a.615.615,0,1,1-.87-.87l.548-.549a1.712,1.712,0,0,0,0-2.422l-4.824-4.824ZM271,153.951a.615.615,0,0,1,.87,0l6.551,6.551a1.69,1.69,0,0,0-.516.354l-7.018,7.018-6.905-6.9Zm-7.8,4.5.87.87-.87.87-.87-.87Zm21.718,21.717-.87.87-4.711-4.71.87-.87Zm-8-10.2,3.613,3.613-1.967,1.967-3.613-3.614.71-.709h0v0Zm-1.707-1.586a1.782,1.782,0,0,1-.327,2.068l-1.1,1.1a.55.55,0,0,0,0,.777,2.557,2.557,0,0,1,0,3.613l.776.776a3.639,3.639,0,0,0,1.067-2.547l2.158,2.159-3.065,3.064-3.613-3.613.71-.709a.548.548,0,0,0,.16-.389v-3.064Zm-1.812.261-.87.87-.87-.87.87-.87Z'/%3E%3C/g%3E%3C/svg%3E");

    --svg-coeur: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M79.485,7.514C70.063-.515,56.051.93,47.4,9.853l-3.387,3.49-3.387-3.49C32,.93,17.968-.515,8.546,7.514a24.688,24.688,0,0,0-1.7,35.745L40.113,77.611a5.39,5.39,0,0,0,7.788,0L81.17,43.259A24.672,24.672,0,0,0,79.485,7.514Z'/%3E%3C/svg%3E");
}


/*
.block-element--profil::after {
    z-index: 5;
    background-color: red;
    background-color: green;
    background-color: var(--main-color_mission);
    content:'';
    width: 27px;
    height: 33px;
    mask-image: var(--svg-mission);
    mask-size: cover;
    margin: .5rem;
}
body.dark .block-element--profil::after {
    background-color: var(--secondary-color_mission);
}
body.contraste .block-element--profil::after {
    background-color: var(--main-color_mission);
}

.block-element--mission::after {
    z-index: 5;
    background-color: red;
    background-color: green;
    background-color: var(--main-color_profil);
    content:'';
    width: 27px;
    height: 33px;
    mask-image: var(--svg-coeur);
    background-size: cover;
    mask-size: cover;
    margin: .5rem;
}*/

body.dark .block-element--mission::after {
    background-color: var(--secondary-color_profil);
}
body.contraste .block-element--mission::after {
    background-color: var(--main-color_profil);
}


/* HTP 2025 */
:root { 
--gris-1: #707070;
}