:root,
#editor .editor-styles-wrapper {
    --childtheme-background: #ffffff;

    --childtheme-color-primary: #27464E;
    --childtheme-color-secondary: rgb(226, 222, 214);

    --childtheme-base-gap: 25px;
    --childtheme-base-padding: 25px;
    --childtheme-base-transition: all 0.5s;

    --childtheme-content-padding: 25px 25px 25px 25px;

    --childtheme-font-color: #101010;
    --childtheme-font-weight: regular;

    --childtheme-image-border-radius: 15px;
    --childtheme-button-border-radius: 8px;

    /**  Fonts and Font Sizes */
    --childtheme-font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;
    --childtheme-font-family-headers: "Laila", "Nunito", -apple-system, BlinkMacSystemFont, "Helvetica Neue", sans-serif;

    /** Boxes  */
    --childtheme-box-shadow: 7px 7px 10px #00000042;

    /** Breakpoints **/
    --childtheme-breakpoint-mobile: 37.5em;

    /** 2021 Theme Settings **/
    --responsive--aligndefault-width: 800px;
    --global--spacing-measure: 100%;

    --global--color-primary: var(--childtheme-color-primary);
    --global--color-secondary: var(--childtheme-color-secondary);

    --global--font-primary: var(--childtheme-font-family);
    --global--font-secondary: var(--childtheme-font-family);

    --global--font-size-base: 1.25rem;
    --global--font-size-xs: 1rem;
    --global--font-size-sm: 1.125rem;
    --global--font-size-md: 1.25rem;
    --global--font-size-lg: 1.5rem;
    --global--font-size-xl: 1.8rem;

    --global--font-size-xxl: 2.0rem;
    --global--font-size-xxxl: 2.25rem;


    --global--spacing-vertical: 35px;

    --heading--font-size-h1: 2.25rem;
    --heading--font-size-h2: 2.0rem;
    --heading--font-size-h3: 1.8rem;

    --global--font-size-page-title: var(--heading--font-size-h1);
    --heading--font-weight-page-title: var(--heading--font-weight);
    --entry-header--color: var(--childtheme-font-color);
    --heading--line-height-h1: var(--global--line-height-page-title);

    --primary-nav--color-link-hover: var(--childtheme-font-color);

    --button--color-text-hover: var(--childtheme-color-secondary);
    --button--color-background: var(--childtheme-color-secondary);
    --button--padding-vertical: 10px;
    --button--padding-horizontal: 15px;
    --button--line-height: 1.3;

    --form--border-width: 1px;

    --branding--logo--max-width-mobile: 180px;

    /** Basecss Variables  */

    --line-height-1: 1;
    --line-height-2: 1.125;
    --line-height-3: 1.25;
    --line-height-4: 1.5;
    --caps-letter-spacing: .2em;
    --bold-font-weight: bold;
    --space-1: 25px;
    --space-2: 50px;
    --space-3: 75px;
    --space-4: 100px;

    /** Animate CSS **/
    /** see https://animate.style/ **/
}

@media (max-width: 37.5em) {
    :root {
    }
}