/*------------- Variable ------------*/
:root {
  --ds-title-text: #00000096;
  --ds-total-imp: #308EE9;
  --ds-total-imp-hover: #308EE9;
  --ds-total-cli: #308EE9;
  --ds-total-cli-hover: #308EE9;
  --ds-total-balance: #50CD89;
  --ds-total-balance-hover: #47BE7D;
  --ds-total-widthdraw-bal: #f3bacdd6;
  --ds-total-widthdraw-bal-hover: #F3BACD;
  --ds-ad-bg: #f5f6fa;
  --ds-tile-shape: #308EE9;



  --ds-body-text: #777D74;
  --ds-primary: #308EE9;
  /* --ds-primary: #45B3FA ; */
  --ds-primary-2: #000;
  --ds-secondary: #a09e9e;
  --ds-success: #49f0d3;
  --ds-warning: #ffba68;
  --ds-danger: #ff9b8a;
  --ds-info: #d592ff;
  --ds-dark: #3f414d;
  --ds-light: #fafafb;
  --ds-white: #ffffff;
  --ds-black: #000000;
  --ds-grey: #e4e6eb;
  --ds-light-primary: #f5fbff;
  --ds-light-secondary: #f1f2f1;
  --ds-light-success: #eefff2;
  --ds-light-danger: #fff5f4;
  --ds-light-warning: #fffcf3;
  --ds-light-info: #eee6f5;
  --ds-light-dark: #f0efef;
  --ds-primary-hover: #2aa3fb;
  --ds-border-light: #f1f1f1;
  --ds-dark-primary: #29324f;
  --ds-dark-secondary: rgba(160, 158, 158, 0.2);
  --ds-dark-success: rgba(73, 240, 211, 0.2);
  --ds-dark-danger: rgba(255, 155, 138, 0.2);
  --ds-dark-warning: rgba(255, 186, 104, 0.2);
  --ds-dark-info: rgba(213, 146, 255, 0.2);
  --ds-primary-hover: #2aa3fb;
  --ds-border-light: #f1f1f1;
  --ds-dark-bg: #182039;
  --ds-dark-box: #1e2745;
  --ds-dark-body-text: #8c91b6;
  --ds-dark-title-text: #8c91b6;
  --ds-border-dark: #252e4b;
}