:root,
.editor-styles-wrapper {
	--main: blue;
	--light: lightblue;
	--dark: darkblue;
	--sub: orange;
	--background: #282828;	
}


:root {
	--container-width:1200px;
	--container-padding:20px;
}

/* gutenberg container & full width breakout */
.entry-content > *, 
.editor-styles-wrapper .is-root-container > * {max-width:var(--container-width);margin-left:auto !important;margin-right:auto !important;padding-left:var(--container-padding);padding-right:var(--container-padding);box-sizing:border-box;}
.entry-content > .superblock.full, 
.editor-styles-wrapper .is-root-container > .superblock.full, 
.alignfull {width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;padding-left:0 !important;padding-right:0 !important;}