:root {
  /* Common Colors */
  --white: #ffffff;
  --darkgrey: #2a3136;
  --mediumgrey: #4d4d4d;
  --bordercolor: #ebebeb;
  --tealblue: #0b698e;
  --tealbluedark: #0a4d68;
  --tealbluelight: #ddf7fa;
  --canaraheaderblue: #008cc1;
  --canarabankyellow: #fcc301;
  --menubg: #06364b;
  --lightgrey: rgb(226, 226, 226);
  --bordergrey: #e2e2e2;
  --primary: var(--darkgrey);
  --buttonhovercolor: var(--darkgrey);
  --borderlight: var(--lightgrey);
  --selectborder: var(--bordergrey);
  --weight-small: 200;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}