:root {

  /*  --color-aiw: oklch(45% 0.1 178);
    --color-trainer: oklch(45% 0.1 220);
    --color-student: oklch(0.45 0.1 9);
    --color-alumni: oklch(0.45 0.1 318);
    --color-lecturer: oklch(45% 0.1 275);

    --color-aiw-light: oklch(70% 0.1 178);
    --color-trainer-light: oklch(70% 0.15 220);
    --color-student-light: oklch(70% 0.15 160);
    --color-alumni-light: oklch(70% 0.15 75);
    --color-lecturer-light: oklch(70% 0.15 275);

    --color-dark: oklch(0.2474 0.1485 264.12);
    --color-dark: oklch(0.3802 0.0707 252.72);

    --color-light: oklch(0.6941 0.1601 262.86);
    --color-light: oklch(0.5729 0.0912 249.69);
    */
    --color-aiw: oklch(0.6977 0.0887 195.31);
    --color-trainer: oklch(0.551 0.1374 350.72); /* original */
    --color-trainer: oklch(0.5815 0.1354 349.95); /* mod for wcag */
    --color-student: oklch(0.5978 0.0915 305.93);
    --color-alumni: oklch(0.6507 0.1486 29.24);
    --color-lecturer: oklch(0.7818 0.1473 77.14);

    --color-dark: oklch(0.3086 0.0903 266.7);
    --color-light: oklch(0.6401 0.0963 262.14);
    --color-gray: #A5A7A7;

    --bg-filter: hue-rotate(0deg);
}


body.aiw {
    --color-dark: var(--color-aiw);
    /*
    --color-light: var(--color-aiw-light);
    */
    --bg-filter: hue-rotate(-55deg);
}
body.trainer {
    --color-dark: var(--color-trainer);
    /*
    --color-light: var(--color-trainer-light);
    */
    --bg-filter: hue-rotate(90deg);
}
body.lecturer {
    --color-dark: var(--color-lecturer);
    /*
    --color-light: var(--color-lecturer-light);
    */
    --bg-filter: hue-rotate(150deg);
}
body.alumni {
    --color-dark: var(--color-alumni);
    /*
    --color-light: var(--color-alumni-light);
    */
    --bg-filter: hue-rotate(150deg);
}
body.student {
    --color-dark: var(--color-student);
    /*
    --color-light: var(--color-student-light);
    */
    --bg-filter: hue-rotate(-170deg);
}