:root {
  /* Light Theme */
  --white: #ffffff;
  --white-opacity: rgba(255, 255, 255, 0.05);
  --white-opacity1: rgba(255, 255, 255, 0.1);
  --black: #000;
  --blue: #0544FD;
  --blue2: rgba(5, 68, 253, 0.1);
  --blue3: rgb(59, 130, 246);
  --blue4: rgba(37, 99, 235, 0.25);
  --blue5: rgb(37, 99, 235);
  --blue6: rgb(229, 231, 235);
  --blue-twitter: #2795dd;
  --blue-light: #5188FF;
  --blue-light2: #1E57FD;
  --blue-violet: #4536C8;
  --grey-100: #F9F9F9;
  --grey-200: #F3F3F3;
  --grey-300: #EBEBEB;
  --grey-400: #D7D7D7;
  --grey-500: #BABABA;
  --grey-600: #9E9E9E;
  --grey-700: #818181;
  --grey-800: #656565;
  --grey-900: #484848;
  --grey-light: rgb(101, 101, 101);
  --grey-opacity: rgba(101, 101, 101, 0.15);
  --grey-opacity2: rgba(101, 101, 101, 0.5);
  --error: #D6341E;
  --warning: #FC8908;
  --yellow-light: rgba(252, 137, 8, 0.15);
  --yellow-light2: rgba(252, 137, 8, 0.5);
  --yellow-light3: rgba(252, 137, 8, 0.55);
  --blue-dark: rgba(29, 109, 203, 0.15);
  --blue-dark2: rgba(29, 109, 203, 0.5);
  --blue-dark3: rgba(29, 109, 203, 0.55);
  --info: #1D6DCB;
  --success: #1AA04B;
  --green-light: rgba(26, 160, 75, 0.15);
  --green-light2: rgba(26, 160, 75, 0.5);
  --green-light3: rgba(26, 160, 75, 0.3);
  --chart-main: #4D82F3;
  --chart-fail: #EA4293;
  --box-shadow: rgb(0 0 0 / 15%);

  --blue-text-light: #0284c7;
  --blue-bg-light: #e0f2fe;
  --light-bg: #f1f5f9;
  --light-text: #000;

  /* Dark Theme */
  --dark-black: #18181B;
  --dark-black2: #202020;
  --dark-grey: #27272A;
  --dark-bg: #3f3f46;
  --dark-text: #fff;

  --blue-text-dark: #38bdf8;
  --blue-bg-dark: #1e3a8a;
}