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

:root {
  --iq-white: #ffffff;
  --iq-black: #000000;
  --iq-primary: #1C4A8D;
  --iq-primary-hover: #282E5C;
  --iq-light-primary: #DCEFFF;
  --iq-secondary: #555555;
  --iq-secondary-light: #D9D9D9;
  --iq-success: #34C759;
  --iq-danger: #FF3E1D;
  --iq-info: #00AAFF;
  --iq-light: #F5F5F5;
  --iq-dark: #090909;
  --iq-blue: #007AFF;
  --iq-orange: #FF6600;
  --iq-green: #72DD38;
  --iq-gray: #888888;
  --iq-gray-90: #999999;
  --iq-gray-20: #E5E5E5;
  --iq-gray-10: #EFEFEF;
  --iq-body-text: #090909;
  --iq-body-bg: #ffffff;
  --iq-bg1: #191919;
  --iq-brown: #895129;
  
  /* bootstrap */
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #794DB9;
  --bs-magenta: #EA1E64;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #1C4A8D;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
}