:root {
    --e-global-color-primary: #FF7700;
    --e-global-color-secondary: #101840;
    --e-global-color-text: #101840;
    --e-global-color-accent: #FF7700;
    --e-global-color-light: #FDF7F4;
    --color-text: #696F8C;
    --color-border: #E6E8F0;
    --color-border-hard: #E6E8F0;
    --color-white: #ffffff;
    --color-neutral-transparent: #9f9f9f4d;
    --color-overlay: #1a1a1a66;
    --e-global-typography-primary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-primary-font-weight: 700;
    --e-global-typography-secondary-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-secondary-font-weight: 700;
    --e-global-typography-text-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: -apple-system, "BlinkMacSystemFont", "Segoe UI", "Helvetica Neue", sans-serif;
    --e-global-typography-accent-font-weight: 500;
    --line-height-default: 1.6;
    --line-height-paragraph: 1.75;
    --letter-spacing-default: -0.027em;
    --letter-spacing-small: 0.04em;
    --font-size-default: 14px;
    --font-size-paragraphs: 16px;
    --font-size-main-menu: 16px;
    --global-border-radius: 20px;
    --button-border-radius: 8px;
    --box-shadow: 0px 10px 40px 0px rgba(128, 139, 165, 0.2);
    --global-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    --image-transition: all 0.7s cubic-bezier(.2, 1, .22, 1);
    --container-max-width: 1240px;
    --listIndent: 2.5em;
    --listItemSpacing: 0.3em;
    --content-spacing: 1.5em;
    --small-content-spacing: 0.75rem;
    --headings-content-spacing: calc(0.3em + 10px);
    --column-spacing: 20px;
    --vertical-spacing: 100px;
    --titlebar-spacing: 100px;
    --mobile-spacing: 50px;
    --sidebar-width: 25%;
    --sidebar-widgets-spacing: 50px;
    --grid-columns-gap: 30px;
    --component-height: 60px;
    --button-padding: 25px;
    --header-height: 70px;
    --block-width: 850px;
    --logo-height: 32px;
    --keydesign-post-title: 32px;
    --icon-font-size: 35px;
    --icon-large-font-size: 45px;
    --admin-bar: 0px;
    --transparent-navigation-position: sticky;
}

@media (max-width:766.98px) {
     :root {
        --small-content-spacing: 0.5rem;
        --sidebar-widgets-spacing: 30px;
        --component-height: 50px
    }
}

@media (min-width:767px) and (max-width:1023.98px) {
     :root {
        --block-width: 100%
    }
}