/* Reusable Card Styles */

.card-active {
  overflow: hidden;
  border-radius: 0.5rem; /* rounded-lg */
  background-color: #fffaf0; /* orange-50 */
  border-bottom-width: 4px;
  border-bottom-color: #fdba74; /* orange-300 */
}

.card-light {
  overflow: hidden;
  border-radius: 0.5rem; /* rounded-lg */
  background-color: #f9fafb; /* gray-50 */
  border-bottom-width: 4px;
  border-bottom-color: #d1d5db; /* gray-300 */
}

.card-highlight {
  overflow: hidden;
  border-radius: 0.5rem; /* rounded-lg */
  background-color: #faf5ff; /* purple-50 */
  border-bottom-width: 4px;
  border-bottom-color: #d8b4fe; /* purple-300 */
}