:root {
    --primary-color: hsl(225, 41%, 24%);
    --secondary-color: hsl(224, 80%, 46%);
    --accent: hsl(29 96% 47%);
    --bgColor: hsl(0 0% 98%);
    --mainText: hsl(0 0% 0%);
    --linkHover: hsl(from var(--mainText) h s calc(l + 50));
    --white: #ffffff;

}
.primary-color {
    background-color: var(--primary-color);
}
.secondary-color {
    background-color: var(--secondary-color);
}
.bg-color {
    background-color: var(--bgColor);
}
.bg-alt {
    background-color: hsl(from var(--bgColor) h s calc(l - 5));
}