:root {
    --dark-blue: #3f51b4;
    --enhance-color: #4C7FAE;
    --dark-color: #010000;
    --dark-grey-color: #7F8085;
    --grey-color: #656565;
    --light-grey-color: #b7b9c2;
    --light-color: #fff;
    --light-blue: #EFF2FF;
    --input-border-color: #bfbfbf;
    --gradient-1: linear-gradient(115deg, #3F51B4 4.68%, #4C7FAE 81.96%);
    --gradient-2: linear-gradient(115deg, #4C7FAE 4.68%, #4CAEA4 81.96%);
    --gradient-3: linear-gradient(115deg, #4CAEA4 4.68%, #4CAE50 81.96%);
    --gradient-4: linear-gradient(115deg, #B43F3F 4.68%, #AE4C7B 81.96%);

    /** #region Fonts **/
    --font-mulish: 'mulish';
    --font-default: var(--font-mulish);
    /** #endregion **/

    /** #region Header **/
    --header-max-height: 5.2rem;
    /* #endregion */
}

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