/* -------------------------------------
    VARIABLES
------------------------------------- */
:root {
    /* nw-rem-baseline */
    --nw-rem-baseline: 10px;

    /* nw-color */
    --nw-color-default-light: #fff;
    --nw-color-default-dark: #000;
    --nw-color-default-dark-transparent: rgba(0, 0, 0, 0.75);
    --nw-color-highlight-regular: rgba(190, 0, 0, 1);
    --nw-color-highlight-dark: rgba(127, 0, 0, 1);
    --nw-color-highlight-dark-transparent: rgba(127, 0, 0, 0.5);

    /* nw-font-size / nw-font-weight / nw-line-height */
    --nw-font-size-tiny: 0.8rem;
    --nw-font-size-micro: 1rem;
    --nw-font-size-small: 1.5rem;
    --nw-font-size-regular: 1.8rem;
    --nw-font-size-large: 3rem;
    --nw-font-size-xlarge: 4rem;
    


    --nw-font-weight-regular: 400;
    --nw-font-weight-bold: 600;
    --nw-font-weight-extrabold: 800;

    --nw-line-height-100: calc(var(--nw-font-size-micro)*1);
    --nw-line-height-125: calc(var(--nw-font-size-micro)*1.25);
    --nw-line-height-150: calc(var(--nw-font-size-micro)*1.5);
    --nw-line-height-200: calc(var(--nw-font-size-micro)*2);



    /* nw-logo */
    --nw-logo-width-smartphone: 10rem;
    --nw-logo-height-smartphone: var(--nw-logo-width-smartphone);
    --nw-logo-width-tablet: 12rem;
    --nw-logo-height-tablet: calc(var(--nw-logo-width-tablet) * 1.618);
    --nw-logo-width-desktop: 15rem;
    --nw-logo-height-desktop: calc(var(--nw-logo-width-desktop) * 1.618);


    --nw-font-size-headline-desktop: 12rem;
    --nw-line-height-90: calc(var(--nw-font-size-micro)*0.9);
    --nw-font-weight-extrabold: 800;
    /* --nw-text-shadow-headline: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    --nw-background-gradient-headline: -webkit-linear-gradient(var(--nw-color-highlight-regular), var(--nw-color-highlight-dark));

    --subheadline-font-size: 2rem;
    --nw-font-size-subheadline-desktop: 2rem;
    /* --subheadline-line-height: 120%; */
    --nw-line-height-125: calc(var(--nw-font-size-micro)*1.25);
    /* --subheadline-font-weight: 600; */
    /* --subheadline-font-weight-heavy: 900; */
    --nw-font-weight-extrabold: 800;
    /* --subheadline-padding: 2rem 0 0 0; */
    /* --subheadline-text-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px; */
    --nw-text-shadow-subheadline: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}