/*---------------------------------------------------------------------
Variable
-----------------------------------------------------------------------*/

:root {
  --iq-card-shadow-1:rgba(253, 215, 190, 0.15);
  --iq-card-shadow-2:rgba(253, 223, 190, 0.15);
  --iq-primary-shadow-1:rgba(249, 136, 31, 0.5);
  --iq-primary-shadow-2:rgba(249, 118, 31, 0.3);
  --iq-dropdown-shadow:rgba(0, 0, 0,.05);

  --iq-title-text: #555770;
  --iq-body-text: #555770;
  --iq-body-bg : #fcfcf9;
  --iq-card-bg: #fff;
  --iq-dropdown-bg: #fff;
  --iq-dropdown-border: #fff;
  --iq-bg-dark-bg: #FF6600;  /* pending  not give dark mode */ 
  --iq-bg-light-color: #fffdfa; /* pending  not give*/

  --iq-primary: #FF9200;
  --iq-primary-light: #FFDFCC;
  --iq-primary-dark: #FF6600;
  --iq-secondary: hsl(253deg 61% 55%);
  --iq-secondary-light: hsl(253deg 61% 85%);
   --iq-secondary-dark: hsl(253deg 61% 45%); 
   
  --iq-success: #00a53a;
  --iq-success-light: #83FBC7; 
  --iq-success-dark: #036339;  
  --iq-warning: #FF9200;
  --iq-warning-light: #FEF4CD; 
  --iq-warning-dark: #957704; 
  --iq-danger: #FF2929;
  --iq-danger-light: #FFB3B3; 
  --iq-danger-dark: #A30000; 
  --iq-info: #00CFDE;
  --iq-info-light: #99F8FF; 
  --iq-info-dark: #008F99;   
  
  --iq-dark: #382c21;  
  --iq-light: #fffcfa; 
  --iq-white: #ffffff; 
  --iq-black: #000000;  
  --iq-cyan: #0cd2e3;  
  
  --iq-icon-color: #b6988c;  /* pending icon and text */
  --iq-light-primary: hsla(32, 61%, 85%, 0.865);
  --iq-light-secondary: #FF7A2940;
  --iq-light-success: hsla(154, 94%, 39%, 0.125);  
  --iq-light-danger: hsla(0, 100%, 58%, 0.125);   
  --iq-light-warning: hsla(48, 95%, 58%, 0.125);  
  --iq-light-info: hsla(184, 100%, 44%, 0.125);    
  --iq-light-dark: #f0efef;   /* pending  not give*/
  --iq-cobalt-blue: #3f79f1; 
  --iq-spring-green: #1be1b3; 
  --iq-amber: #f4b72a;   
  --iq-pink: #FF5DCD;
  --iq-blue-dark: #5a61fd;  /* pending dark mode sidebar */
  --iq-color-light: #edf3ff;   
  --iq-progress-light: #eef1f7;  
  --iq-light-border: #cadad8;  
  --iq-dark-border: #d7dbda;    
}

/* Dark Variable */
:root { 
  --iq-dark-title-text: #fff;
  --iq-dark-body-text: #fff;
  --iq-dark-body-bg :#0F2021;
  --iq-dark-card-bg: rgb(62, 52, 36);
  --iq-dropdown-bg: #fff;
  --iq-dropdown-border: #fff;
  --iq-dark-hover-bg:rgba(41,42,72,1);
  --iq-dark-icon-color:rgb(153, 137, 102);
  --iq-dark-shadow-1:rgba(31, 26, 20, 0.1);
  --iq-dark-shadow-2: rgba(31, 25, 20, 0.15);
}