:root {
  --white: 255, 255, 255;
  --yellow: 181, 162, 105;
  --blue: 0, 52, 139;
  --bg-blue: 24, 73, 140;
  --light-blue: 240, 249, 255;
  --light-green: 238, 255, 246;
  --green: 0, 157, 110;
  --red: 255, 0, 0;
  --dark-red: 185, 42, 59;
  --silver: 192, 192, 192;
  --light-gray: 246, 246, 246;
  --gray: 242, 242, 242;
  --dark-gray2: 204, 204, 204;
  --dark-gray: 99, 99, 99;
  --black: 0, 0, 0;
}

/* color */
.text-blue {
  color: rgb(var(--blue));
}

.text-red {
  color: rgb(var(--red));
}

.text-dark-red {
  color: rgb(var(--dark-red));
}

.text-white {
  color: rgb(var(--white));
}

.text-dark-gray {
  color: rgb(var(--dark-gray));
}

.text-green {
  color: rgb(var(--green));
}

/* background color */
.bg-light-blue {
  background-color: rgb(var(--light-blue));
}

.bg-blue {
  background-color: rgb(var(--bg-blue));
}

.bg-white {
  background-color: rgb(var(--white));
}

.bg-dark-red {
  background-color: rgb(var(--dark-red));
}

.bg-gray {
  background-color: rgb(var(--gray));
}

.bg-light-gray {
  background-color: rgb(var(--light-gray));
}