:root {
    --hue: 212;
    --theme-color: hsl(var(--hue), 40%, 20%);
    --theme-color-3: hsl(var(--hue), 40%, 97%);
    --theme-color-5: hsl(var(--hue), 40%, 95%);
    --theme-color-7: hsl(var(--hue), 40%, 93%);
    --theme-color-10: hsl(var(--hue), 40%, 90%);
    --theme-color-15: hsl(var(--hue), 40%, 85%);
    --theme-color-20: hsl(var(--hue), 40%, 80%);
    --theme-color-30: hsl(var(--hue), 40%, 70%);
    --theme-color-40: hsl(var(--hue), 40%, 60%);
    --theme-color-50: hsl(var(--hue), 40%, 50%);
    --theme-color-60: hsl(var(--hue), 40%, 40%);
    --theme-color-65: hsl(var(--hue), 40%, 35%);
    --theme-color-70: hsl(var(--hue), 40%, 30%);
    --theme-color-75: hsl(var(--hue), 40%, 25%);
    --theme-color-80: hsl(var(--hue), 40%, 20%);
    --theme-color-85: hsl(var(--hue), 40%, 15%);
    --theme-color-90: hsl(var(--hue), 40%, 10%);

    --main-bg1: #74c0fc;
    --main-bg1-hover: #74c0fc;
    --main-color1: #183153;
    --main-color1-hover: #183153;
    --main-bg2: #005198;
    --main-bg2-hover: #0063db;
    --main-color2: #ffffff;
    --main-color2-hover: #ffffff;
    --main-bg3: #183153;
    --main-bg3-hover: #005198;
    --main-color3: #74c0fc;
    --main-color3-hover: #74c0fc;
    --main-bg4: #ffffff;
    --main-bg4-hover: #74c0fc;
    --main-color4: #183153;
    --main-color4-hover: #183153;
    --main-bg5: #0d6efd;
    --main-bg5-hover: #3b7ddd;
    --main-color5: #fff;
    --main-color5-hover: #fff;
}