:root {
    --enhance-color: #CF0A28;
    --dark-color: #000;
    --dark-grey-color: #343434;
    --grey-color: #656565;
    --light-grey-color: #f5f5f5;
    --light-color: #fff;
    --input-border-color: #bfbfbf;

    /** #region Fonts **/
    --font-canaro: canaro, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --font-canaro-book: 'canaro-book', sans-serif;
    --font-helvetica: 'Helvetica Neue', Helvetica, Arial, sans-serif; ;
    --font-default: var(--font-helvetica);
    /** #endregion **/

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

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