:root {
    /*Colours*/
    --darkest-background: #1c1d1f;
    --dark-background: #33363b;
    --dark-grey-background: #474A4F;
    --grey-background: #7E8084;
    --light-grey-background: #eaeaea;
    --tyranite-blue: #082943;
    /*Sizing*/
    --mobile-header-height: 56px;
    /*Banner*/
    --banner-height-lg: 40px;
    --banner-height-sm: 31px;
    --hero-container-height: calc(100vh - 56px - 4.4rem);
    --hero-container-aspect: calc(100% / var(--hero-container-height))
}