html {
    --grey100: #f5f5f5;
    --grey200: #eeeeee;
    --grey300: #e0e0e0;
    --grey400: #bdbdbd;
    --grey500: #9e9e9e;
}

body {
    background-color: var(--grey100);
}

header,
footer {
    background-color: var(--grey400);
}

nav {
    background-color: var(--grey500);
}

main {
    background-color: var(--grey300);
}