.lesson-exercise--opdracht {
    background: var(--color-warning-tint-50);
}
.lesson-exercise--opdracht .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-warning-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--opzoeken {
    background: var(--color-primary-tint-200);
}
.lesson-exercise--opzoeken .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-primary-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--doen {
    background: var(--color-success-tint-200);
}
.lesson-exercise--doen .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-success-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--persoonlijk {
    background: var(--color-danger-tint-200);
}
.lesson-exercise--persoonlijk .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-danger-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--verdieping {
    background: var(--color-info-tint-200);
}
.lesson-exercise--verdieping .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-info-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--examen {
    background: var(--color-info-tint-10);
}
.lesson-exercise--examen .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-info-tint-500);
    color: var(--color-light-tint-10);
}



.lesson-exercise--klassengesprek {
    background: var(--color-info-tint-50);
}
.lesson-exercise--klassengesprek .lesson-block__icon {
    border-color: var(--color-body);
    background: var(--color-info-tint-500);
    color: var(--color-light-tint-10);
}