:root {
  --corail_mh_brand:         #e2250c;
  --corail_mh_dark:          #ad1400;
  --corail_mh_light:         #ff4b33;
  --corail_pastel:           #FFF2F0;
  --corail_light:            #F9D3CE;
  --corail_dark:             #F3A89E;
   
  //couleurs secondaires     
  --gris_sable_light:        #ede8e6;
  --gris_sable_dark:         #e4d8c4;
  --gris_sable_pastel:       #F9F7F6;
  --jaune_light:             #f4ec5b;
  --jaune_dark:              #f9bd00;
  --jaune_pastel:            #F9F4B9;
  --vert_light:              #03dfb2; 
  --vert_dark:               #008275;
  --vert_pastel:             #E1FBF6; 
  --bleu_turquoise_light:    #5ad5d9;
  --bleu_turquoise_middle:   #008299; 
  --bleu_turquoise_dark:     #006374;
  --bleu_turquoise_pastel:   #DEF7F7;
  --bleu_light:              #bde3f2;
  --bleu_pastel:             #E0F1F8;
  --bleu_dark:               #1a283e;
  --violet_light:            #AA89E3; 
  --violet_dark:             #5514C7;
  --violet_dark_a:           #421099; 
  --violet_light_deces:      #6d4ca7;
  --violet_light_a:          #C2ACF2;
  --violet_dark_deces:       #4b218e;
  --violet_pastel:           #EEE7F9;
  --violet_pastel_deces:     #E2DBED;
  --mauve:                   #d4c0f0; 
  --rose_light:              #f4b5d4;
  --rose_dark:               #d81e88;
  --rose_pastel:             #FDF0F7;
  --rose_chair_light:        #f0b7a5;
  --rose_chair_dark:         #cca196;
  --rose_chair_pastel:       #F9EFEB;
                             
  //couleurs interfaces      
  --vert_positif:            #1E7000;
  --rouge_negatif:           #CC0000;
  --bleu_focus:              #2964AE;
  --alerte_vert_positif:     #bddab2;
  --alerte_rouge_negatif:    #f9b2b2;
  --alerte_bleu_information: #c1d5ee; 


  //couleurs neutres
  --blanc:                   #ffffff;
  --noir:                    #222222;
  --gris_light:              #e1e1e1;
  --gris_dark:               #636363;
  --gris_background:         #f6f6f6;

  --bleu_dark:               #1A283E;

  //couleur accessibilités
  --corail_mh_brand_a:         #ad1400;
  --corail_mh_dark_a:          #8a1f10;

  --orange_normal_a:           #ffb896;
  --vert_dark_a:               #006157; 
  --bleu_turquoise_middle_a:   #005f70; 
  --bleu_turquoise_dark_a:     #004450;
  --bleu_light_a:              #255998;
  --violet_dark_a:             #421099; 
  --violet_light_deces_a:      #67489d;
  --rose_dark_a:               #A61768;
  --rose_fushia_a:             #870950;  
  --rouge_framboise_a:         #ac1b42; 
  --rose_chair_dark_a:         #d2aca2;
  --violet_dark_deces_a:       #381078;
      
  --vert_positif_a:            #1E7000 ;
  --rouge_negatif_a:           #940000;
  --bleu_focus_a:              #1d487c;

  //couleurs neutres
  --gris_dark_a:               #474747;

  --gris_light-rgb:      #{derive-rgb-values-from-hex(#e1e1e1)};
  --bleu_focus-rgb:      #{derive-rgb-values-from-hex(#2964AE)};
  --gris_background-rgb: #{derive-rgb-values-from-hex(#F6F6F6)};

  // couleurs dégradées
  --corail_mh_brand_linear:         linear-gradient(90deg, #E2250C 0%, #B91A05 100%);
  --corail_mh_light_linear:         linear-gradient(225deg, #FF7643 0%, #FF4B33 100%);
  --corail_mh_pay_linear:           linear-gradient(90deg, #FF4B33 0%, #FF7643 100%);

  --gris_sable_light_linear:        linear-gradient(225deg, #FAF5F3 0%, #EDE8E6 100%);
  --gris_sable_dark_linear:         linear-gradient(225deg, #F8F1E6 0%, #E4D8C4 100%);

  --jaune_light_linear:             linear-gradient(225deg, #FFFBB7 0%, #F8F169 100%);
  --jaune_dark_linear:              linear-gradient(225deg, #FFDC6E 0%, #F9BD00 100%);

  --vert_light_linear:              linear-gradient(225deg, #AEFFEF 0%, #03DFB2 100%);
  --vert_dark_linear:               linear-gradient(224deg, #005A51 0%, #008275 100%);

  --bleu_turquoise_light_linear:    linear-gradient(225deg, #B5FDFF 0%, #5AD5D9 100%);
  --bleu_turquoise_middle_linear:   linear-gradient(225deg, #007286 0%, #008299 100%);
  --bleu_turquoise_dark_linear:     linear-gradient(225deg, #01414C 0%, #006374 100%);
  --bleu_light_linear:              linear-gradient(225deg, #1F5597 0%, #4283D1 100%);
  --violet_light_linear:            linear-gradient(226deg, #8F62DC 0%, #AA89E3 100%);
  --violet_dark_linear:             linear-gradient(225deg, #3F0FA6 0%, #5514C7 100%);

  --violet_light_deces_linear:      linear-gradient(225deg, #593894 0%, #6D4CA7 100%);
  --violet_dark_deces_linear:       linear-gradient(225deg, #330F6D 0%, #4B218E 100%);

  --mauve_linear:                   linear-gradient(225deg, #F2E9FF 0%, #D4C0F0 100%);

  --rose_light_linear:              linear-gradient(225deg, #FFE8F3 0%, #F4B5D4 100%);
  --rose_dark_linear:               linear-gradient(225deg, #A30961 0%, #D81E88 100%);
  --rose_chair_light_linear:        linear-gradient(225deg, #FFDFD2 0%, #F0B7A5 100%);
  --rose_chair_dark_linear:         linear-gradient(225deg, #EDD5CE 0%, #CCA196 100%);

  // couleurs dégradées smooth
  --bg_smooth_bleu_turquoise:       linear-gradient(90deg, #FFFFFF 22%, #D8FFFD 84%);
  --bg_smooth_corail:               linear-gradient(90deg, #FFFFFF 23%, #FFE5D9 84%);
  --bg_smooth_jaune_dark:           linear-gradient(90deg, #FFFFFF 23%, #FEF2CC 83%);
  --bg_smooth_mauve:                linear-gradient(90deg, #FFFFFF 23%, #E1D3F5 84%);
  --bg_smooth_vert_light:           linear-gradient(90deg, #FFFFFF 22%, #D8FFE0 84%);
  --bg_smooth_rose_light:           linear-gradient(90deg, #FFFFFF 23%, #FCE9F2 84%);
  --bg_smooth_gris_sabel_light:     linear-gradient(90deg, #FFFFFF 23%, #F7F3ED 84%);
}

[data-theme="dark"] {
  --corail_mh_brand:         var(--corail_mh_brand_a);
  --corail_mh_dark:          var(--corail_mh_dark_a);

  //couleurs secondaires
  --orange_normal:           var(--orange_normal_a);
  --vert_dark:               var(--vert_dark_a); 
  --bleu_turquoise_middle:   var(--bleu_turquoise_middle_a); 
  --bleu_turquoise_dark:     var(--bleu_turquoise_dark_a);
  --bleu_light:              var(--bleu_light_a);
  --violet_dark:             var(--violet_dark_a); 
  --violet_light_deces:      var(--violet_light_deces_a);
  --violet_dark_deces:       var(--violet_dark_deces_a);
  --rose_dark:               var(--rose_dark_a);
  --rose_fushia:             var(--rose_fushia_a);  
  --rouge_framboise:         var(--rouge_framboise_a); 
  --rose_chair_dark:         var(--rose_chair_dark_a);

  //couleurs interfaces      
  --vert_positif:            var(--vert_positif_a);
  --rouge_negatif:           var(--rouge_negatif_a);
  --bleu_focus:              var(--bleu_focus_a);

  //couleurs neutres
  --gris_dark:               var(--gris_dark_a);

  --bleu_focus-rgb:     #{derive-rgb-values-from-hex(#1d487c)};
}