:root {
    --color-brand: hsl(0, 0%, 12%); //#1E1E1E
    --color-text: hsl(0, 0%, 12%); //#1E1E1E
    --color-text-hover: hsla(0, 0%, 12%, 0.4); //rgba(30,30,30,.4);
    --new-bg-hue: 0;
    --new-bg-saturation: 90%;
    --new-bg-light: 91%;
    --new-bg-hsl: hsl(var(--new-bg-hue), var(--new-bg-saturation), var(--new-bg-light));
    /*
        other custom colors
    --------------------------------------- */
    --color-black: #000;
    --color-white: #fff;
    --color-footer-bg: #F4F2F2;
    --color-mobile-menu-bg: #FFFEDD;
    --color-caption: rgba(30, 30, 30, .5);
}