:root,
:host
{
    /* Base-Unit */
    --base-unit: 17px;

    /* Widths / Heights / Paddings */
    --max-page-width: 2560px;
    --max-content-width: calc(1200px + 3.5vw);
    --content-padding: 2vw;
    --header-height: 6.5rem;
    --header-top-padding: 1rem;
    --header-bottom-padding: 1rem;
    --header-bottom-space: 3rem;
    --footer-top-space: 3rem;
    --footer-top-padding: 3rem;
    --footer-bottom-padding: 3rem;

    /* Colors */
    --header-bg-color: #FFFFFF;
    --main-bg-color: #2b7ca0;
    --main-text-color: #494c4f;
    --footer-bg-color: #222222;
    --footer-text-color: #FFFFFF;
    --highlighting-text-color: #2b7ca0;
    --highlighting-text-color-lighter: #2c8fb4;
    --mobile-menu-bg-color: rgba(255,255,255,0.9);
    --main-text-grey: #7c8388;
    --main-text-grey-light: #a2a9ae;
    --link-hover-bg: #eeeeee;

    --expert-line-color: #adadb0;
    --expert-line-color-lighter: #c1c1c4;
    --expert-line-color-darker: #8f8f92;
    --effect-line-color: #c68a64;
    --effect-line-color-lighter: #da9e78;
    --effect-line-color-darker: #a86b56;
    --zero-line-color: #6492aa;
    --zero-line-color-lighter: #74a6be;
    --zero-line-color-darker: #3e657d;

    --toast-success-bg: #2b7ca0;
    --toast-success-text-color: #FFFFFF;
    --toast-error-bg: darkred;
    --toast-error-text-color: #FFFFFF;
    --toast-warning-bg: darkorange;
    --toast-warning-text-color: #FFFFFF;

    /* Fonts */
    --main-font-family: 'Open Sans',Arial,Helvetica,'sans-serif';
    --main-font-weight: 400;
    --main-font-weight-medium: 500;
    --main-font-weight-bold: 600;

    --footer-font-family: 'Open Sans',Arial,Helvetica,'sans-serif';
    --footer-font-weight: 300;

    --secondary-font-family: 'Delicato',TimesNewRoman,'serif';
    --secondary-font-weight: 400;
}

@media(max-width: 1300px){
    :root,
    :host {
        --content-padding: 4vw;
    }
}

@media(max-width: 620px){
    :root,
    :host {
        --content-padding: 6vw;
    }
}