:root[data-theme='light'],
:root[data-theme^='pastel_'] {
    --header-course__color-1: #a3bded;
    --header-course__color-2: #6991c7;
    --header-course__color-3: #f76c6c;
    --header-course__color-4: #ffe37e;
    --header-course__color-5: #6ac2d7;
    --header-course__color-6: #ff7b00;
    --header-course__color-7: #b3e5fc;
    --header-course__color-8: #c5e1a5;
    --header-course__color-9: #ffccbc;
    --header-course__color-10: #d1c4e9;
    --header-course__color-11: linear-gradient(45deg, #f8bbd0, #cfd8dc);
    --header-course__color-12: linear-gradient(45deg, #ff9a9e, #fad0c4);
    --header-course__color-13: linear-gradient(45deg, #a1c4fd, #c2e9fb);
    --header-course__color-14: linear-gradient(45deg, #d4fc79, #96e6a1);
    --header-course__color-15: linear-gradient(45deg, #84fab0, #8fd3f4);
    --header-course__color-16: linear-gradient(45deg, #a6c0fe, #f68084);
    --header-course__color-17: linear-gradient(45deg, #fccb90, #d57eeb);
    --header-course__color-18: linear-gradient(45deg, #fbc2eb, #a6c1ee);
    --header-course__color-19: linear-gradient(45deg, #ffecd2, #fcb69f);
    --header-course__color-20: linear-gradient(45deg, #cfd9df, #e2ebf0);
}

:root[data-theme='dark'],
:root[data-theme^='noir_'] {
    --header-course__color-1: #738ec1;
    --header-course__color-2: #3f5777;
    --header-course__color-3: #944141;
    --header-course__color-4: #99884c;
    --header-course__color-5: #407481;
    --header-course__color-6: #994a00;
    --header-course__color-7: #85b2c7;
    --header-course__color-8: #768763;
    --header-course__color-9: #997a71;
    --header-course__color-10: #7d768c;
    --header-course__color-11: linear-gradient(45deg, #95707d, #7c8284);
    --header-course__color-12: linear-gradient(45deg, #995c5f, #967d76);
    --header-course__color-13: linear-gradient(45deg, #617698, #748c97);
    --header-course__color-14: linear-gradient(45deg, #7f9749, #5a8a61);
    --header-course__color-15: linear-gradient(45deg, #4f966a, #567f92);
    --header-course__color-16: linear-gradient(45deg, #647398, #944d4f);
    --header-course__color-17: linear-gradient(45deg, #977a56, #804c8d);
    --header-course__color-18: linear-gradient(45deg, #97748d, #64748f);
    --header-course__color-19: linear-gradient(45deg, #998e7e, #976d5f);
    --header-course__color-20: linear-gradient(45deg, #b7b7b7, #dbdbdb);
}