:root {
  /* Common Colors */
  --darkgrey: #2a3136;
  --mediumgrey: #4d4d4d;
  --tealblue: #0b698e;
  --lightgrey400: #d9d9d9;
  --white: #fff;
  --borderdark: var(--darkgrey);
  --borderdarkgrey: var(--darkgrey2);
  --primary: var(--darkgrey);
  --linkcolor: var(--darkgrey);
  --activecolor: var(--tealblue);
  --navlinkactive: var(--tealblue);
  --hovercolor: var(--tealblue);
  --buttoncolor: var(--tealblue);
  --buttonhovercolor: var(--darkgrey);
  --bordergraycolor: var(--lightgrey400);
  --bordercolorlight: var(--grey200);
  --tableheadcolor: var(--darkgrey);
  --paginationbgcolor: var(--darkgrey);
  /* Font properties */
  --weight-small: 200;
  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}