:root {
    --bg-color: #ffffff;
    --bg-secondary-color: #f3f3f6;
    --color-primary: #000;
    --color-lightGrey: #d2d6dd;
    --color-grey: #747681;
    --color-darkGrey: #3f4144;
    --color-error: #d43939;
    --color-success: #28bd14;
    --grid-maxWidth: 980px;
    --grid-gutter: 2rem;
    --font-size: 1.6rem;
    --font-weight: 300;

    --font-family: "Kumbh Sans", sans-serif;
    --font-family-sans: "Kumbh Sans", sans-serif;

    --content-font-family:  var(--font-family);
    --content-font-weight: 200;
    --content-font-size: 2rem;
    --default-lineheight: 1.2;

    --font-color: #1d2a43;

    --brand-color: #274d96;
    --color-accented: #e44606;
    --headlinenews-bar-color: var(--color-accented);
    --headlinenews-title-color: var(--brand-color);

    --headlinenews-font-family: "Kumbh Sans", sans-serif;
    --headlinenews-font-size: clamp(1.6rem, 1.6rem, 1.6rem);
    --headlinenews-font-weight: 800;
    --headlinenews-title-font-size: clamp(20px, 4vw, 26px);

    --font-family-mono: monaco, "Consolas", "Lucida Console", monospace;
    --headlinenews-button-font-size: clamp(14px, 4vw, 16px);
    --headlinenews-button-color: #fff;
    --headlinenews-button-bg-color: var(--color-accented);
    --headlinenews-dot-color: #f0f0f0;
    --headlinenews-dot-color--active: var(--color-accented);

    --news-font-size: clamp(24px, 4vw, 60px);
    --news-font-weight: 900;
    --news-subtitle-font-size: clamp(20px, 3vw, 40px);
    --news-subtitle-font-weight: 100;

    --news-card-title-font-color: var(--font-color);
    --news-card-title-font-size: clamp(16px, 4vw, 20px);
    --news-card-title-font-weight: 800;
    --news-card-font-font-size: 100;

    --maintiles-font-size: clamp(20px, 4vw, 26px);


    --block-content-font-family:  var(--font-family);
    --block-content-font-weight: 200;
    --block-content-font-size: 1.4rem;
    --block-content-text-align: left;

    --block-button-font-family:  var(--font-family);
    --block-button-font-weight: 300;
    --block-button-font-size: 1.2rem;
    --block-button-text-align: center;

    --footer-font-family: var(--font-family-sans);
    --footer-font-size: 1.2rem;
    --footer-bg-color: #1d2a43;
    --footer-color: #636976;

    --cover-nav-button-font-size: clamp(12px, 3vw, 1.4rem);

    --button-background-color: #e44606ff;
    --button-font-color: #fff;
    --button-font-size: clamp(12px, 3vw, 1.4rem);
    --button-padding: 1em 2em;
    --button-radius: 10em;
    --button-display: inline-block;


    --pretitle-font-family: var(--font-family);
    --pretitle-font-weight: 200;
    --pretitle-font-size: 3rem;
    --pretitle-line-height: 1;

    --title-font-family: var(--font-family);
    --title-font-weight: 900;
    --title-font-size: 5rem;
    --subtitle-font-family: var(--font-family);
    --subtitle-font-weight: 900;
    --subtitle-font-size: 3rem;
    --content-font-family: var(--font-family);
    --content-font-weight: 200;
    --content-font-size: 2rem;
    --content-line-height: 1.2;
    /*font-size: 10px;*/
    --block-font-family: var(--font-family);
    --block-pretitle-font-family: var(--font-family);
    --block-pretitle-font-weight: 300;
    --block-pretitle-font-size: 1.4rem;
    --block-pretitle-text-align: left;
    --block-title-font-family: var(--font-family);
    --block-title-font-weight: 700;
    --block-title-font-size: 2rem;
    --block-title-text-align: left;
    --block-subtitle-font-family: var(--font-family);
    --block-subtitle-font-weight: 700;
    --block-subtitle-font-size: 1.2rem;
    --block-subtitle-text-align: left;
    --block-content-font-family: var(--font-family);
    --block-content-font-weight: 200;
    --block-content-font-size: 1.4rem;
    --block-content-text-align: left;
    --block-button-font-family: var(--font-family);
    --block-button-font-weight: 300;
    --block-button-font-size: 1.2rem;
    --block-button-text-align: center;
    --slides-gap: 22px;

    @media all and (max-width: 600px){
        --headlinenews-font-size: clamp(1.2rem, 1.2rem, 1.2rem);
    }
}