:root {
    /**
     * xxxs 320px
     * xxs  460px
     * xs   576px
     * sm   768px
     * md   992px
     * lg   1200px
     * xl   1400px
     * xxl  1600px
     * */

    /* General */
    --modulepress--max-width: 1200px;
    --modulepress--module-spacing: 30px;
    --modulepress--text-spacing: 15px;

    /* Colors */
    --modulepress--primary-color: #000;
    --modulepress--primary-contrast: #fff;
    --modulepress--primary-shadow: rgba(0,0,0,0.5);
    --modulepress--primary-color--hover: #222;
    --modulepress--primary-contrast--hover: #fff;
    --modulepress--primary-color--disabled: #666;
    --modulepress--primary-contrast--disabled: #ddd;
    --modulepress--secondary-color: #dddddd;
    --modulepress--secondary-contrast: #000;
    --modulepress--secondary-shadow: rgba(0,0,0,0.2);
    --modulepress--secondary-color--hover: #e3e3e3;
    --modulepress--secondary-contrast--hover: #111;
    --modulepress--secondary-color--disabled: #e9e9e9;
    --modulepress--secondary-contrast--disabled: #ddd;
    --modulepress--accent-color: #d40000;
    --modulepress--accent-contrast: #fff;
    --modulepress--accent-shadow: rgba(212,0,0,0.5);
    --modulepress--accent-color--hover: #f22222;
    --modulepress--accent-contrast--hover: #fff;
    --modulepress--accent-color--disabled: #ff7b7b;
    --modulepress--accent-contrast--disabled: #eee;

    
    --modulepress--negative-color: #ff2C00;
    --modulepress--negative-contrast: #fff;
    --modulepress--negative-shadow: rgba(255,44,0,0.5);
    --modulepress--negative-color--hover: #ff502d;
    --modulepress--negative-contrast--hover: #fff;
    --modulepress--negative-color--disabled: #ff7a5f;
    --modulepress--negative-contrast--disabled: #eee;

    /* Margin */
    --modulepress--margin--xxxs: 10px;
    --modulepress--margin--xxs: 15px;
    --modulepress--margin--xs: 20px;
    --modulepress--margin--sm: 25px;
    --modulepress--margin--md: 30px;
    --modulepress--margin--lg: 35px;
    --modulepress--margin--xl: 40px;
    --modulepress--margin--xxl: 45px;
    --modulepress--margin--xxxl: 50px;

    /* Spacing */
    --modulepress--spacing--full--xxxs: 40px;
    --modulepress--spacing--full--xxs: 50px;
    --modulepress--spacing--full--xs: 60px;
    --modulepress--spacing--full--sm: 70px;
    --modulepress--spacing--full--md: 80px;
    --modulepress--spacing--full--lg: 90px;
    --modulepress--spacing--full--xl: 100px;
    --modulepress--spacing--full--xxl: 110px;
    --modulepress--spacing--full--xxxl: 120px;

    --modulepress--spacing--middle--xxxs: 20px;
    --modulepress--spacing--middle--xxs: 25px;
    --modulepress--spacing--middle--xs: 30px;
    --modulepress--spacing--middle--sm: 35px;
    --modulepress--spacing--middle--md: 40px;
    --modulepress--spacing--middle--lg: 45px;
    --modulepress--spacing--middle--xl: 50px;
    --modulepress--spacing--middle--xxl: 55px;
    --modulepress--spacing--middle--xxxl: 60px;

    /* Text */
    --modulepress--heading--line-height: 1;
    --modulepress--heading--font-weight: 700;
    --modulepress--heading--font-color: #000;
    --modulepress--heading-1--font-size--xxxs: 30px;
    --modulepress--heading-1--font-size--xxs: 32px;
    --modulepress--heading-1--font-size--xs: 34px;
    --modulepress--heading-1--font-size--sm: 36px;
    --modulepress--heading-1--font-size--md: 38px;
    --modulepress--heading-1--font-size--lg: 40px;
    --modulepress--heading-1--font-size--xl: 42px;
    --modulepress--heading-1--font-size--xxl: 44px;
    --modulepress--heading-1--font-size--xxxl: 46px;

    --modulepress--heading-2--font-size--xxxs: 28px;
    --modulepress--heading-2--font-size--xxs: 30px;
    --modulepress--heading-2--font-size--xs: 32px;
    --modulepress--heading-2--font-size--sm: 34px;
    --modulepress--heading-2--font-size--md: 36px;
    --modulepress--heading-2--font-size--lg: 38px;
    --modulepress--heading-2--font-size--xl: 40px;
    --modulepress--heading-2--font-size--xxl: 42px;
    --modulepress--heading-2--font-size--xxxl: 44px;

    --modulepress--heading-3--font-size--xxxs: 26px;
    --modulepress--heading-3--font-size--xxs: 28px;
    --modulepress--heading-3--font-size--xs: 30px;
    --modulepress--heading-3--font-size--sm: 32px;
    --modulepress--heading-3--font-size--md: 34px;
    --modulepress--heading-3--font-size--lg: 36px;
    --modulepress--heading-3--font-size--xl: 38px;
    --modulepress--heading-3--font-size--xxl: 40px;
    --modulepress--heading-3--font-size--xxxl: 42px;

    --modulepress--heading-4--font-size--xxxs: 24px;
    --modulepress--heading-4--font-size--xxs: 26px;
    --modulepress--heading-4--font-size--xs: 28px;
    --modulepress--heading-4--font-size--sm: 30px;
    --modulepress--heading-4--font-size--md: 32px;
    --modulepress--heading-4--font-size--lg: 34px;
    --modulepress--heading-4--font-size--xl: 36px;
    --modulepress--heading-4--font-size--xxl: 38px;
    --modulepress--heading-4--font-size--xxxl: 40px;

    --modulepress--heading-5--font-size--xxxs: 22px;
    --modulepress--heading-5--font-size--xxs: 24px;
    --modulepress--heading-5--font-size--xs: 26px;
    --modulepress--heading-5--font-size--sm: 28px;
    --modulepress--heading-5--font-size--md: 30px;
    --modulepress--heading-5--font-size--lg: 32px;
    --modulepress--heading-5--font-size--xl: 34px;
    --modulepress--heading-5--font-size--xxl: 36px;
    --modulepress--heading-5--font-size--xxxl: 38px;

    --modulepress--heading-6--font-size--xxxs: 20px;
    --modulepress--heading-6--font-size--xxs: 22px;
    --modulepress--heading-6--font-size--xs: 24px;
    --modulepress--heading-6--font-size--sm: 26px;
    --modulepress--heading-6--font-size--md: 28px;
    --modulepress--heading-6--font-size--lg: 30px;
    --modulepress--heading-6--font-size--xl: 32px;
    --modulepress--heading-6--font-size--xxl: 34px;
    --modulepress--heading-6--font-size--xxxl: 36px;

    --modulepress--text--line-height: 1.5;
    --modulepress--text--font-weight: 400;
    --modulepress--text--font-color: #333;
    --modulepress--text--font-size--xxxs: 14px;
    --modulepress--text--font-size--xxs: 14.5px;
    --modulepress--text--font-size--xs: 15px;
    --modulepress--text--font-size--sm: 15.5px;
    --modulepress--text--font-size--md: 16px;
    --modulepress--text--font-size--lg: 16.5px;
    --modulepress--text--font-size--xl: 17px;
    --modulepress--text--font-size--xxl: 17.5px;
    --modulepress--text--font-size--xxxl: 18px;

    /* Button */
    --modulepress--button--height: 40px;
    --modulepress--button--spacing: 15px;
    --modulepress--button--rounded: 80px;
    --modulepress--button--font-size: 14px;
    --modulepress--button--icon-size: 18px;
    --modulepress--button--icon-gap: 10px;
    --modulepress--button--primary-color: var(--modulepress--primary-color, #000);
    --modulepress--button--primary-contrast: var(--modulepress--primary-contrast, #fff);
    --modulepress--button--primary-shadow: var(--modulepress--primary-shadow, rgba(0,0,0,0.5));
    --modulepress--button--primary-color--hover: var(--modulepress--primary-color--hover, #222);
    --modulepress--button--primary-contrast--hover: var(--modulepress--primary-contrast--hover, #fff);
    --modulepress--button--primary-color--disabled: var(--modulepress--primary-color--disabled, #666);
    --modulepress--button--primary-contrast--disabled: var(--modulepress--primary-contrast--disabled, #ddd);
    --modulepress--button--secondary-color: var(--modulepress--secondary-color, #dddddd);
    --modulepress--button--secondary-contrast: var(--modulepress--secondary-contrast, #000);
    --modulepress--button--secondary-shadow: var(--modulepress--secondary-shadow, rgba(0,0,0,0.1));
    --modulepress--button--secondary-color--hover: var(--modulepress--secondary-color--hover, #e3e3e3);
    --modulepress--button--secondary-contrast--hover: var(--modulepress--secondary-contrast--hover, #111);
    --modulepress--button--secondary-color--disabled: var(--modulepress--secondary-color--disabled, #e9e9e9);
    --modulepress--button--secondary-contrast--disabled: var(--modulepress--secondary-contrast--disabled, #ddd);
    --modulepress--button--accent-color: var(--modulepress--accent-color, #004Dff);
    --modulepress--button--accent-contrast: var(--modulepress--accent-contrast, #fff);
    --modulepress--button--accent-shadow: var(--modulepress--accent-shadow, rgba(0,77,255,0.5));
    --modulepress--button--accent-color--hover: var(--modulepress--accent-color--hover, #2c6bff);
    --modulepress--button--accent-contrast--hover: var(--modulepress--accent-contrast--hover, #fff);
    --modulepress--button--accent-color--disabled: var(--modulepress--accent-color--disabled, #5689ff);
    --modulepress--button--accent-contrast--disabled: var(--modulepress--accent-contrast--disabled, #eee);
    --modulepress--button--negative-color: var(--modulepress--negative-color, #ff2C00);
    --modulepress--button--negative-contrast: var(--modulepress--negative-contrast, #fff);
    --modulepress--button--negative-shadow: var(--modulepress--negative-shadow, rgba(255,44,0,0.5));
    --modulepress--button--negative-color--hover: var(--modulepress--negative-color--hover, #ff502d);
    --modulepress--button--negative-contrast--hover: var(--modulepress--negative-contrast--hover, #fff);
    --modulepress--button--negative-color--disabled: var(--modulepress--negative-color--disabled, #ff7a5f);
    --modulepress--button--negative-contrast--disabled: var(--modulepress--negative-contrast--disabled, #eee);

    /* Announcement Bar */
    --modulepress--announcement-bar--background-color: var(--modulepress--accent-color, #004Dff);
    --modulepress--announcement-bar--font-color: var(--modulepress--accent-contrast, #fff);
    --modulepress--announcement-bar--font-size: 12px;

    /* Nav Bar */
    --modulepress--nav-bar--background-color: #000;
    --modulepress--nav-bar--item-spacing:  20px;
    --modulepress--nav-bar--item-height: 68px;
    --modulepress--nav-bar--item-font-size: 14px;
    --modulepress--nav-bar--item-font-color: #aaa;
    --modulepress--nav-bar--item-background--hover: #444;
    --modulepress--nav-bar--item-font-color--hover: #eee;
    --modulepress--nav-bar--item-background--active: #000;
    --modulepress--nav-bar--item-font-color--active: #fff;

    /* Menu Bar */
    --modulepress--mobile-menu--background-color: #000;
    --modulepress--mobile-menu--icon-size: 46px;
    --modulepress--mobile-menu--item-spacing:  20px;
    --modulepress--mobile-menu--item-height: 46px;
    --modulepress--mobile-menu--item-font-size: 18px;
    --modulepress--mobile-menu--item-font-color: #aaa;
    --modulepress--mobile-menu--item-background--hover: #444;
    --modulepress--mobile-menu--item-font-color--hover: #eee;
    --modulepress--mobile-menu--item-background--active: #000;
    --modulepress--mobile-menu--item-font-color--active: #fff;


    /* Header */
    --modulepress--header--spacing--xxxs: 5px;
    --modulepress--header--spacing--xxs: 10px;
    --modulepress--header--spacing--xs: 10px;
    --modulepress--header--spacing--sm: 15px;
    --modulepress--header--spacing--md: 15px;
    --modulepress--header--spacing--lg: 20px;
    --modulepress--header--spacing--xl: 20px;
    --modulepress--header--spacing--xxl: 25px;
    --modulepress--header--spacing--xxxl: 25px;

    
    --modulepress--header--logo-height--xxxs: 24px;
    --modulepress--header--logo-height--xxs: 28px;
    --modulepress--header--logo-height--xs: 32px;
    --modulepress--header--logo-height--sm: 36px;
    --modulepress--header--logo-height--md: 40px;
    --modulepress--header--logo-height--lg: 40px;
    --modulepress--header--logo-height--xl: 40px;
    --modulepress--header--logo-height--xxl: 40px;
    --modulepress--header--logo-height--xxxl: 40px;

    /* footer */
    --modulepress--footer--spacing--xxxs: 40px;
    --modulepress--footer--spacing--xxs: 50px;
    --modulepress--footer--spacing--xs: 60px;
    --modulepress--footer--spacing--sm: 70px;
    --modulepress--footer--spacing--md: 80px;
    --modulepress--footer--spacing--lg: 90px;
    --modulepress--footer--spacing--xl: 100px;
    --modulepress--footer--spacing--xxl: 110px;
    --modulepress--footer--spacing--xxxl: 120px;
    --modulepress--footer--logo-height--xxxs: 24px;
    --modulepress--footer--logo-height--xxs: 28px;
    --modulepress--footer--logo-height--xs: 32px;
    --modulepress--footer--logo-height--sm: 36px;
    --modulepress--footer--logo-height--md: 40px;
    --modulepress--footer--logo-height--lg: 46px;
    --modulepress--footer--logo-height--xl: 50px;
    --modulepress--footer--logo-height--xxl: 54px;
    --modulepress--footer--logo-height--xxxl: 58px;


    --modulepress--header--height--xxxs: 108px;
    --modulepress--header--height--xxs: 118px;
    --modulepress--header--height--xs: 118px;
    --modulepress--header--height--sm: 132px;
    --modulepress--header--height--md: 136px;
    --modulepress--header--height--lg: 152px;
    --modulepress--header--height--xl: 156px;
    --modulepress--header--height--xxl: 170px;
    --modulepress--header--height--xxxl: 174px;
}