:root {

    /* MAIN COLOR */
    --logo-color : #B80E1E;
    --logo-color-transparent : #b80e1fd0;
    --logo-color-extralight : #fcf0f1;
    --bordeau : #520909;
    --white : #ffffff;
    --white-light-transparent: #f6f4f177;
    --gray-light-transparent: #e7e7e7d4;
    --gray-light: #f5f5f5;
  
  
    /* TEXT */
    --text-dark-grey: #2e2e2e;
    --text-white: #f2f2f2;
  
    /* SHADOW */
    --box-shadow-1: 0 0px 10px -3px rgba(0, 0, 0, 0.75);
    --box-shadow-2: 0 0 3px 3px rgba(0, 0, 0, 0.05);
    --box-shadow-3: 0 0px 3px 1px rgba(0, 0, 0, 0.1);
  
    /* ALERT COLORS */
    --custom-red-light: #ffe8e8;
    --custom-green: #a9c62b;
    --custom-green-light: #d5e97c;
    --custom-green-dark: #768a1f;
    --custom-error: #ba3e46;
    --custom-error-light1: #f8d7da;
    --custom-error-light2: #f5c2c7;
    --custom-warning: #FEC107;
    --custom-info: #1BA2B8;
  
    --primary-transparent: color-mix(
      in lch,
      var(--primary),
      60% transparent
    );
    
    --lychee-transparent: color-mix(
      in lch,
      var(--lychee),
      60% transparent
    );
  }