.bg-primary-50 {
    background-color: hsl(138, 76%, 97%);
}
.bg-primary-100 {
    background-color: hsl(141, 84%, 93%);
}
.bg-primary-200 {
    background-color: hsl(141, 79%, 85%);
}
.bg-primary-300 {
    background-color: hsl(142, 77%, 73%);
}
.bg-primary-400 {
    background-color: hsl(142, 69%, 58%);
}
.bg-primary-500 {
    background-color: hsl(142, 71%, 45%);
}
.bg-primary-600 {
    background-color: hsl(142, 76%, 36%);
}
.bg-primary-700 {
    background-color: hsl(142, 72%, 29%);
}
.bg-primary-800 {
    background-color: hsl(143, 64%, 24%);
}
.bg-primary-900 {
    background-color: hsl(144, 61%, 20%);
}
.bg-primary-950 {
    background-color: hsl(145, 80%, 10%);
}

.text-primary-50 {
    color: hsl(138, 76%, 97%);
}
.text-primary-100 {
    color: hsl(141, 84%, 93%);
}
.text-primary-200 {
    color: hsl(141, 79%, 85%);
}
.text-primary-300 {
    color: hsl(142, 77%, 73%);
}
.text-primary-400 {
    color: hsl(142, 69%, 58%);
}
.text-primary-500 {
    color: hsl(142, 71%, 45%);
}
.text-primary-600 {
    color: hsl(142, 76%, 36%);
}
.text-primary-700 {
    color: hsl(142, 72%, 29%);
}
.text-primary-800 {
    color: hsl(143, 64%, 24%);
}
.text-primary-900 {
    color: hsl(144, 61%, 20%);
}
.text-primary-950 {
    color: hsl(145, 80%, 10%);
}

.border-primary-50 {
    border-color: hsl(138, 76%, 97%);
}
.border-primary-100 {
    border-color: hsl(141, 84%, 93%);
}
.border-primary-200 {
    border-color: hsl(141, 79%, 85%);
}
.border-primary-300 {
    border-color: hsl(142, 77%, 73%);
}
.border-primary-400 {
    border-color: hsl(142, 69%, 58%);
}
.border-primary-500 {
    border-color: hsl(142, 71%, 45%);
}
.border-primary-600 {
    border-color: hsl(142, 76%, 36%);
}
.border-primary-700 {
    border-color: hsl(142, 72%, 29%);
}
.border-primary-800 {
    border-color: hsl(143, 64%, 24%);
}
.border-primary-900 {
    border-color: hsl(144, 61%, 20%);
}
.border-primary-950 {
    border-color: hsl(145, 80%, 10%);
}

.card:hover {
    background-color: hsl(138, 76%, 97%);
}