:root {
  /* ------------ CSS ANIMATION ------------ */
  --transition-duration: 0.4s;
  --transition-timing-function: ease-in-out;
  /* */
  /* ------------ CSS NAVIGATION MENU ------------ */
  --menu-padding-desktop: 32px;
  --menu-padding-mobile: 20px;
  --menu-top-bottom-padding-desktop: 5vh;
  --menu-width-desktop: 240px;
  --menu-width-mobile: 210px;
  --submenu-max-height: 200px;
  /* */
  /* ------------ CSS COLORS ------------ */
  --azati-orange: rgb(255, 156, 66);
  /* #ff9c42 */
  --dark-orange: rgb(249, 130, 58);
  /* #f9823a */
  --azati-blue: rgb(90, 163, 218);
  /* #5aa3da */
  --primary-blue: rgb(50, 137, 205);
  /* #3289cd */
  --black-blue: rgb(43, 124, 197);
  /* #2b7cc5 */
  --white: rgb(255, 255, 255);
  /* #fff */
  --lavanda: rgb(218, 236, 247);
  /* #daecf7 */
  --white-grey: rgb(158, 158, 158);
  /* #9e9e9e */
  --grey: rgb(110, 110, 110);
  /* #6e6e6e */
  --dark-grey: rgb(34, 35, 40);
  /* #222328 */
  /* */
  /* ------------ CSS TYPOGRAPHY ------------ */
  --font-base: "Poppins", "Verdana", sans-serif;
  --font-bold: "Montserrat", "Arial", sans-serif;
  --font-size-base: 16px;
  --font-color-base: var(--grey); }