:root {
    --enhance-color: #E09D59;
    --dark-color: #1B1A15;
    --dark-grey-color: #2D2C24;
    --grey-color: #F6F6FE;
    --light-grey-color: #FFF9E7;
    --light-color: #fff;
    --input-border-color: #bfbfbf;

    /** #region Fonts **/
    --font-outfit: 'Outfit';
    --font-prompt: 'Prompt';
    --font-default: var(--font-outfit);
    --font-title: var(--font-outfit);
    /** #endregion **/

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

    --border-radius: 1.2rem;
    --box-shadow: 0 0.5rem 0.5rem rgba(0,0,0,.2);
    box-shadow: var(--box-shadow);
}

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