:root {
    --mhm-brand: #0063a1;
    --mhm-brand-light: hsl(203, 100%, 85%);
    --mhm-brand-dark: hsl(203, 100%, 5%);
    --mhm-brand-inverse: #fff;
    --mhm-logo: #0063a1;
    color-scheme: light dark;
}

@media (prefers-color-scheme: dark){
    :root {
        --mhm-brand: hsl(203, 100%, 37%);
    }
}