:root {
    /*predefined variable for our site*/
    /*esaier to change for different projects*/
    --primary-font: Lato, sans-serif;
    --secondary-font: vollkorn, serif;
    --primary-color: #2a416b;
    --primary-color--light: #395891;
    --secondary-color: #aba000;
    --secondary-color-light: #ccbe00;
    --color-slate: #67778a;
    --color-black: #363434;
    --color-grey: #aeb0b3;
    --color-silver: #dfe1e6;
    --color-accent: #af5f2f;
    --color-accent-gradient: rgba(175, 95, 47,0.875);
    --color-black-gradient: rgba(54, 52, 52,.875);
    --color-secondary-gradient: rgba(171, 160, 0,0.875);
    --color-primary-gradient: rgb(42, 65, 107,.875);
    --color-primary-mobile-gradient: rgb(42, 65, 107,.95)
}