/**
 Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that
 also needs to benefits from the variables.
 **/
.Sparnatural,
.select2-container--default,
.tippy-box {
/**
 * Color of the criteria arrows (orange)
 **/
 --primary-color-main: #1976d2;

 /**
  * Color of the "unselect" buttons in criterias (dark orange)
  **/
--primary-color-important: #145EA8;
 
 /**
  * Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)
  **/
--primary-color-medium: #338DE7 ;
 
 /**
  * variable selector background & tooltip background (even lighter orange)
  **/
--primary-color-light: rgb(219, 219, 219) ;
 
 /** 
  * Color of the options arrow (optional / negation) (strong green)
  **/
--secondary-color-main: #D27519 ;
 
 /** 
  * Color of the highlight of arrows
  **/
--secondary-color-important:#A85E14 ;
 
 /**
  * Color of the options arrow when not selected (light green)
  **/
--secondary-color-light: #E78D33 ;
 
 /**
  * Color of the service option enabled
  **/
--ternary-color-main: #19d2d2;
 
 /**
  * Color of variable d&d grip, disabled query button, disabled options
  **/
--silver-color-main: rgb(167,167,167) ;
 
 /**
  *
  **/
--silver-color-light: rgb(230,230,230) ;
 
 /**
  * Default text color
  **/
--default-text-color: #2b2b2b ;

/**
 * Red, Green and Blue components for the background color.
 * An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)
 **/
--bg-red: 240 ;
--bg-green: 240 ;
--bg-blue: 244 ;

}