.bg-red-500 {background-color: var(--red-500);}
.bg-yellow-500 {background-color: var(--yellow-500);}

.bg-blue-100 {background-color: var(--blue-100);}
.bg-blue-600 {background-color: var(--blue-600);}
.bg-blue-700 {background-color: var(--blue-700);}
.bg-blue-800 {background-color: var(--blue-800);}
.bg-blue-900 {background-color: var(--blue-900);}

.bg-gray-100{background-color: var(--gray-100);}
.bg-gray-200 {background-color: var(--gray-200);}
.bg-gray-500 {background-color: var(--gray-500);}
.bg-gray-600 {background-color: var(--gray-600);}

.text-blue-800 {color: var(--blue-800);}
.text-blue-900 {color: var(--blue-900);}

.border-blue-800 {border-color: var(--blue-800);}
.border-gray-600 {border: 1px solid var(--gray-600);}

.bg-detail {background-color: #ffae00;}
.bg-attachment {background-color: #1d91df;}