:root {
    /*backgrounds*/
    --bg-body: #FBF9F8;
    --bg-header: #F1EFED;

    /*borders*/
    --border-grey-shadow: #1615131F; /* just in case: this hexa defined with 8 characters are alpha hexas. last 2 characters define the opacity*/
    --border-grey-line: #ECE7E7;

    /*palette: colors*/
    --blue-base: #2C5266;
    --blue-base-darken: #1a3543;
    --ocean-120: #36677D;
    --teal-blue: #227E9E;
    --light-link: #00688C;

    /*palette: neutrals*/
    --grey-background: #e9e7e7;
    --grey-background-dark: #8B8580;
    --font-dark: #161513;
    --light-grey: #16151380;
    --font-medium: #424242;
    --font-grey: #161513B2;

    /*spacings: */
    --main-content-sides: 3vw;

    /* staging: f1efed*/
}