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

:root {
  --iq-title-text: #000000;
  --iq-body-text: #585858;
  --iq-body-bg: #fafbfe;
  --iq-primary: #4e37b2;
  --iq-secondary: #a09e9e;
  --iq-success: #1ee2ac;
  --iq-warning: #ffdd31;
  --iq-danger: #ff7750;
  --iq-info: #00d0ff;
  --iq-dark: #01041b;
  --iq-light: #ccced2;
  --iq-white: #ffffff;
  --iq-black: #000000;
  --iq-gray: #c2c2c2;
  --iq-close: #ff4e4e;
  --iq-search: #b4a4ff;
  --iq-light-primary: #dbd7f0;
  --iq-light-secondary: #f1f2f1;
  --iq-light-success: #e1fff7;
  --iq-light-danger: #ffe4dc;
  --iq-light-warning: #fefaee;
  --iq-light-info: #f4f0ff;
  --iq-light-dark: #f0efef;
  --iq-light-close: #ffdbdb;
  --iq-light-menu: #9f8bf6;
  --iq-light-search: #5b43c7;
  --iq-light-hover: #eaeeff;
  --iq-primary-hover: #452abb;
  --iq-secondary-hover: #3948e8;
  --iq-success-hover: #0ce1a6;
  --iq-danger-hover: #f9663c;
  --iq-warning-hover: #fefaee;
  --iq-info-hover: #03b6de;
  --iq-dark-hover: #3948e8;
  --iq-border-light: #f1f1f1;
  --iq-border-danger: #ff9273;
  --iq-light-card: #ffffff;
  --iq-primary-rgb: 100, 114, 248;
  /* color for customizer*/
  --iq-color1: #4e37b2;
  --iq-color2: #02d871;
  --iq-color3: #309cf3;
  --iq-color4: #ff00ff;
  --iq-color5: #fb1f4c;
  --iq-color6: #00ced1;
  --iq-color7: #f35f3b;
  --iq-color8: #fde117;
  --iq-color9: #ff0000;
  --iq-color10: #88028c;
  --iq-color11: #00d5ab;
  --iq-color12: #ce9252;
  --iq-color13: #f9ae02;
  --iq-color14: #1e7fe4;
  --iq-color15: #006400;
  --iq-color16: #fa7c04;
  --iq-color17: #81bf02;
  --iq-color18: #99a7ca;
  --iq-color19: #3d2a26;
  --iq-color20: #a0746b;
}