:root {
    --enhance-color: #ff6036;
    --dark-color: #2d3861;
    --dark-grey-color: #343434;
    --grey-color: #656565;
    --light-grey-color: #f5f5f5;
    --light-color: #FFF;
    --input-border-color: #bfbfbf;

    /** #region Fonts **/
    --font-lexend: 'lexend';
    --font-icon: 'icomoon-vitruve';
    --font-allerta: 'Allerta Stencil';
    --font-default: var(--font-lexend);
    --font-advertising: var(--font-allerta);
    /** #endregion **/

    /** #region Header **/
    --header-max-height: 7.3rem;
    --header-background-color: var(--dark-color);
    --header-font-color: var(--light-color);
    /* #endregion */

    /**   #region Autocomplete **/
    --autocomplete-background-color: var(--light-color);
    --autocomplete-title-background-color: var(--enhance-color);
    --autocomplete-title-font-color: var(--light-color);
    --autocomplete-item-font-color: var(--dark-color);
    --autocomplete-item-background-color: var(--light-color);
    --autocomplete-item-font-color-hover: var(--dark-color);
    --autocomplete-item-background-color-hover: var(--light-grey-color);
    --autocomplete-border-color: var(--input-border-color);
    /* #endregion */

    /** #region Timeline **/
    --timeline-block-color-background: var(--light-color);
    --timeline-block-color: var(--dark-color);
    --timeline-enhance-block-color-background: var(--light-grey-color);
    --timeline-enhance-block-color: var(--dark-color);
    --timeline-icon-color-background: var(--dark-color);
    --timeline-icon-color: var(--light-color);
    --timeline-track-color: var(--dark-color);
    /** #endregion **/

	--border-radius-light: .3rem;
	--border-radius: .5rem;
	--border-radius-hard : 1rem;

	/** Loader **/
	--loader-ellipsis-color-1: #CCA2A2;
	--loader-ellipsis-color-2: var(--enhance-color);
	--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;
    }

	:root .sticky { --header-max-height: 7rem; }
}