:root {
    --enhance-color: #CF0170;
    --dark-color: #323335;
    --dark-grey-color: #343434;
    --grey-color: #7A7A7A;
    --light-grey-color: #f5f5f5;
    --color-light: #fff;
    --input-border-color: #dcdcdc;
    --color-border: #dcdcdc;
    --font-urbanist: 'Urbanist';
    --font-default: var(--font-urbanist);

    --radius-small: 0.4rem;
    --radius-medium: 1.2rem;

    --header-height: 8rem;
    --standard-width: 106rem;
    --box-shadow-light: 0rem 0.5rem 2rem rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 768px) {
    :root {
        --header-max-height: 14.2rem;
    }
}