:root 
{
    --color-white: #fff;
    --color-black: #022341;
       
    --color-primary-lighter: var(--color-white);
    --color-primary-light: #568dca;
    --color-primary: #226cb5;
    --color-primary-dark-lighter: #1a5a99;
    --color-primary-dark-light: #11477c;
    --color-primary-dark: #01325f;
    --color-primary-darker: var(--color-black);
    
    /* Header */
    --header-background-color: var(--color-primary);
    --header-topbar-background-color: var(--color-primary-darker);
    --header-topbar-border-color: var(--color-primary-dark);
    --header-topbar-text-color: #F3F3F3;
    --header-topbar-link-color: #8e8e8e;
    --header-topbar-social-border-color: #F3F3F3;
}