:root {
    --primary: #000;
    --secondary: #000;
    --accent: #000;
    --tertiary: #000;
    --font-main: #000;
    --highlight: #000;
    --dividers: #000;
    --muted: #eee;
}

.wp-block
    .wp-block[data-type="core/group"]:not([data-align="full"]):not(
        [data-align="wide"]
    ):not([data-align="left"]):not([data-align="right"]),
.wp-block
    .wp-block[data-type="core/cover"]:not([data-align="full"]):not(
        [data-align="wide"]
    ):not([data-align="left"]):not([data-align="right"]),
.wp-block {
    max-width: 100%;
}

.editor-styles-wrapper {
    --wp--style--global--wide-size: 1200px !important;
    color: var(--font-main);
}

:where(.editor-styles-wrapper) h1,
:where(.editor-styles-wrapper) h2,
:where(.editor-styles-wrapper) h3,
:where(.editor-styles-wrapper) h4,
:where(.editor-styles-wrapper) h5,
:where(.editor-styles-wrapper) h6 {
    color: var(--primary);
}

.editor-styles-wrapper .wp-block-group .wp-block-group.alignwide,
.editor-styles-wrapper
    .edit-post-visual-editor__post-title-wrapper
    > .alignwide,
.editor-styles-wrapper
    .block-editor-block-list__layout.is-root-container
    > .alignwide {
    max-width: var(--wp--style--global--wide-size) !important;
}

.editor-styles-wrapper {
    background-color: white;
}

.editor-styles-wrapper p,
.editor-styles-wrapper ol,
.editor-styles-wrapper ul,
.editor-styles-wrapper dl,
.editor-styles-wrapper dt {
    font-family: sans-serif;
}

:root .editor-styles-wrapper .wp-block-button__link,
:root .editor-styles-wrapper .wp-block-file__button {
    background-color: var(--secondary);
}

.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-file__button,
.editor-styles-wrapper .editor-block-list__layout a {
    color: var(--secondary);
}

.editor-styles-wrapper .wp-block-button__link,
.editor-styles-wrapper .wp-block-file__button {
    border-radius: 8px;
    border: solid 1px var(--secondary);
    background-color: white;
    padding: 10px 30px;
}

.wp-core-ui .button-primary {
    color: white !important;
}

/* prevent white text on white bg */
.edit-post-visual-editor .editor-styles-wrapper .has-white-color {
    color: #ccc !important;
}
