:root {
    /*Colors*/
    --color-engine-gray: #37383d;
    --color-electric-saffron: #ffb44c;
    --color-deep-river-blue: #2a3a5c;
    --color-river-silt: #d1ccbf;
    --color-harbor-indigo: #3a5c93;
    --color-mist-blue: #d6e4eb;
    --color-cobalt-pult: #4c8eff;
    --color-bright-blue:#1c6bf1;
    --color-shore-ochre: #efe3d1;
    --color-solar-ember: #f57c33;
    --color-cloudstone-white: #f7f6f3;

    --color-text: #100903;
    --color-bg: #fff;
    --color-bg-block: #fff;

    --color-border-gray: #10090333;

    /*Fonts*/
    --font-main: 'Roboto', Arial, Helvetica, sans-serif;
    --font-secondary: 'Manrope', Arial, Helvetica, sans-serif;

    /* Body sizes */
    --font-body-xxs-size: 12px;
    --font-body-xxs-line-height: 16px;

    --font-body-xs-size: 14px;
    --font-body-xs-line-height: 20px;

    --font-body-s-size: 16px;
    --font-body-s-line-height: 24px;

    --font-body-m-size: 18px;
    --font-body-m-line-height: 26px;

    --font-body-l-size: 20px;
    --font-body-l-line-height: 28px;

    --font-body-xl-size: 24px;
    --font-body-xl-line-height: 42px;

    --font-pull-quote-size: 20px;
    --font-pull-quote-line-height: 30px;

    --font-size-base: 18px;

    /* Font weights */
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;

    /* Headings */
    --font-h1-size: 40px;
    --font-h1-line-height: 48px;
    --font-h1-size-d: 64px;
    --font-h1-line-height-d: 72px;

    --font-h2-size: 32px;
    --font-h2-line-height: 40px;
    --font-h2-size-d: 48px;
    --font-h2-line-height-d: 56px;

    --font-h3-size: 28px;
    --font-h3-line-height: 36px;
    --font-h3-size-d: 40px;
    --font-h3-line-height-d: 48px;

    --font-h4-size: 26px;
    --font-h4-line-height: 34px;
    --font-h4-size-d: 36px;
    --font-h4-line-height-d: 42px;

    --font-h5-size: 24px;
    --font-h5-line-height: 32px;
    --font-h5-size-d: 24px;
    --font-h5-line-height-d: 32px;

    --font-h6-size: 20px;
    --font-h6-line-height: 28px;
    --font-h6-size-d: 20px;
    --font-h6-line-height-d: 28px;

    --font-h7-size: 18px;
    --font-h7-line-height: 24px;
    --font-h7-size-d: 18px;
    --font-h7-line-height-d: 26px;

    /*Section*/
    --section-py: 32px;
    --section-py-d: 80px;
    --section-mb: 40px;
    --section-mb-t: 64px;
    --section-mb-d: 96px;

    /* --bg-gradient-filter: 55vw; */
    --bg-gradient-filter: 100px;
    --bg-gradient-filter-d: 430px;
}

html[data-theme="dark"] {
    --color-text: #fff;
    --color-bg: #100903;
    --color-bg-block: #ffffff14;
    --color-border-gray: #ffffff33;

    /* --bg-gradient-filter: 430px; */
}