:root {
  --text-darker: #212529;
  --text-dark: #18324b;
  --text-light: #7c97b1;

  /* --page-color: #f3f2f7;
    --primary-color: #623CEB; */

  --border-light: #ced4da;

  --border: 1px solid var(--border-light);

  --bg-primary: #623ceb;
  --bg-page: #f3f2f7;
  --bg-gray: #f9f9f9;
  --bg-white: #fff;
  --bg-success: #5dba16;
  --bg-complimentary: #ebe6ff;
  /* --bg-complimentary: #FCE835; */

  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 16px;
  --btn-radius: var(--radius);

  --font-normal: 400;
  --font-semibold: 500;
  --font-bold: 600;
}