body.dark {
    --bg: hsla(var(--hue), 15%, 15%);
    --text: hsla(var(--hue), 15%, 95%);
    --text2: hsla(var(--hue), 70%, 60%);
    --region: hsla(var(--hue), 18%, 10%);
    --region2: hsla(var(--hue), 25%, 30%);
    --link: hsl(var(--hue), 100%, 70%);
    --link-hover: hsl(var(--hue), 90%, 80%);
    --bg-opp: hsla(var(--hue), 25%, 98%);
    --region-opp: hsla(var(--hue), 18%, 90%);
    --opp: hsla(var(--hue), 15%, 75%);
}
