:root {
  --main-color-body: #DDC1A7 ;
  --main-color-caramel: #9B4922;
  --main-color-beige:#DDC1A7;

  --main-color-gris-un: #5b5b5b;
  --main-color-gris-deux: #ffffff;
  --main-color-gris-trois: #f3f3f3;
  --main-color-box: #ffffff;
  --box-shadow:rgb(60 64 67 / 30%);


  --main-color-navbar-caramel:#9B4922;
  --main-color-navbar-text:#EFE7DD;
  --main-color-footer-text:#EFE7DD;
  --main-color-input-font:#ebebeb;
  --main-color-principale: #9B4922;
  --main-color-secondaire: #5C3420;
  --main-color-titre:#5C3420;
  --main-color-texte:#5C3420;

  --box-mix:#efefef;
  --input-mix:#cfcfcf;

  --caramel:#9B4922;
  --chocolat:#5C3420;
  --chocolat-lait:#BD9479;
  --vanille: #EFE7DD;
  --beige:#DDC1A7;

  --red: #d10000;
  --green: #93c572;
}