body.light {
    --bg: hsla(var(--hue), 25%, 98%);
    --text: hsla(var(--hue), 25%, 5%);
    --text2: hsla(var(--hue), 75%, 65%);
    --region: hsla(var(--hue), 18%, 90%);
    --region2: hsla(var(--hue), 25%, 70%);
    --link: hsl(var(--hue), 88%, 50%);
    --link-hover: hsl(var(--hue), 100%, 70%);
    --bg-opp: hsla(var(--hue), 15%, 15%);
    --region-opp: hsla(var(--hue), 18%, 10%);
    --opp: hsla(var(--hue), 18%, 25%);
}
