:root {
  --white: #FFFFFF;
  --black: #1f1f1f;
  --very-light-grey: #F5F5F5;
  --light-grey: #D9D9D9;
  --medium-grey: #838383;
  --grey: #2E2E2E;
  --red: #A4163A;
  --dark-red: #6E0B1A;
  --blue: #0E4B81;
  --dark-blue: #073C4D;
  --yellow: #F5BE0B;
  --dark-yellow: #D69E00;
  --green: #799A37;
  --purple: #653860;
  --orange: #D65900;
  --primary-font-family: "Roboto";
  --primary-font-weight: 600;
  --secondary-font-family: "Roboto Slab";
  --secondary-font-weight: 400;
  --text-font-family: "Roboto";
  --font-weight: 400;
  --accent-font-family: "Roboto";
  --accent-font-weight: 500;
  --transparent-grey: rgba(200, 200, 200, 0.3);
  --bs-blue: var(--blue);
  --bs-indigo: #6610F2;
  --bs-purple: #6F42C1;
  --bs-pink: #D63384;
  --bs-red: var(--red);
  --bs-orange: var(--orange);
  --bs-yellow: var(--yellow);
  --bs-green: var(--green);
  --bs-teal: #20C997;
  --bs-cyan: #0DCAF0;
  --bs-white: #fff;
  --bs-gray: var(--light-grey);
  --bs-gray-dark: #343A40;
  --bs-primary: var(--blue);
  --bs-secondary: var(--blue);
  --bs-success: var(--green);
  --bs-info: var(--yellow);
  --bs-warning: var(--yellow);
  --bs-danger: var(--red);
  --bs-light: var(--very-light-grey);
  --bs-dark: var(--grey);
}