.--theme{
    --hue: 0; --saturation: 0%; --lightness: 40%; --lightness-bg: 90%; --lightness-hover: -5%;
}

*[gray]{
    --saturation:0%;
}

*[color=red]{
    --hue:0; --saturation:50%;
}

*[color=orange]{
    --hue:30; --saturation:50%;
}

*[color=yellow]{
    --hue:60; --saturation:50%;
}

*[color=green]{
    --hue:120; --saturation:30%;
}

*[color=cyan]{
    --hue:180; --saturation:30%;
}

*[color=blue]{
    --hue:210; --saturation:30%;
}

*[color=purple]{
    --hue:270; --saturation:30%;
}

*[color=pink]{
    --hue:330; --saturation:50%;
}