:root {
  --clear-blue: #1284ff;
  --dodger-blue: #3194ff;
  --bright-blue: #007aff;
  --scarlet: #d0021b;
  --green: #33aa22;
  --light-sage: #d5efcb;
  --white-two: #f2efeb;
  --white: #f9f7f4;
  --white-three: #dddddd;
  --greyish: #b9b7b5;
  --grey: #909090;
  --black: #000000;
  --purpley-grey: #8c8a8c;
  --off-white: #f3efeb;
  --call-background: #353535;
  --call-red: #f53333;
  --call-green: #7ed321;

  --color-primary: var(--clear-blue);
  --color-primary-light: var(--light-sage);
  --color-info: var(--clear-blue);
  --color-info-secondary: var(--dodger-blue);
  --color-success: var(--bright-blue);
  --color-danger: var(--scarlet);
  --default-gradient: linear-gradient(89deg, var(--color-primary), color(var(--color-primary) shade(5%)));
  --layout-sidebar-width: 280px;
  --layout-activity-width: 354px;
}