a{
    color:hsl(223, 63.6%, var(--font_colored_light));
}

body{
    --font_colored_light: 60%;
}

body.lightMode{
    --bg_hue: 0;
    --bg_sat: 0%;
    --bg_light:6.7%;
    background-color: hsl(var(--bg_hue),var(--bg_sat),var(--bg_light));

    --font_hue: 0;
    --font_sat: 0%;
    --font_light: 93.3%;
    color: hsl(var(--font_hue), var(--font_sat), var(--font_light));
}

body.lightMode.light{
    --font_light: 0%;
    --font_colored_light: 40%;
}

body.lightMode #passages {
    color: hsl(0, 0%, var(--font_light));
}

#ui-bar{
    --font_colored_light: 80%;
}
