body {
    color-scheme: light;

    --zeever-color-background: #f7f9fb;
    --zeever-color-surface: #ffffff;
    --zeever-color-surface-soft: #eef3f6;
    --zeever-color-surface-contrast: #ffffff;
    --zeever-color-heading: #111827;
    --zeever-color-text: #334155;
    --zeever-color-text-muted: #64748b;
    --zeever-color-accent: #008b83;
    --zeever-color-accent-hover: #006f69;
    --zeever-color-border: #d7e0e7;
    --zeever-color-form: #ffffff;
    --zeever-color-link: #007c89;
    --zeever-color-link-hover: #005d66;
    --zeever-color-button-text: #111827;
    --zeever-color-button-fill-text: #ffffff;
    --zeever-color-overlay: rgb(17 24 39 / 0.42);
    --zeever-color-overlay-strong: rgb(17 24 39 / 0.72);
    --zeever-color-overlay-subtle: rgb(17 24 39 / 0.18);
    --zeever-color-transparent: rgb(255 255 255 / 0);
    --zeever-shadow-soft: 0px 3px 15px 0px rgb(15 23 42 / 0.12);
    --zeever-gradient-accent: linear-gradient(160deg, #c7fff8, #e7f0ff);

    --wp--preset--color--zeever-primary: var(--zeever-color-heading);
    --wp--preset--color--zeever-secondary: var(--zeever-color-accent);
    --wp--preset--color--zeever-third: var(--zeever-color-surface-soft);
    --wp--preset--color--zeever-bodytext: var(--zeever-color-text);
    --wp--preset--color--zeever-bgsoft: var(--zeever-color-background);
    --wp--preset--color--zeever-border: var(--zeever-color-border);
    --wp--preset--color--zeever-button-border: var(--zeever-color-accent-hover);
    --wp--preset--color--zeever-form: var(--zeever-color-form);
    --wp--preset--color--black: var(--zeever-color-surface-contrast);
    --wp--preset--color--white: var(--zeever-color-heading);
    --wp--preset--color--quinary: #c7fff8;
    --wp--preset--color--septenary: #e7f0ff;
    background: var(--zeever-color-background);
    color: var(--zeever-color-text);
}

@media (prefers-color-scheme: dark) {
    body:not([data-theme="light"]) {
        color-scheme: dark;

        --zeever-color-background: #000001;
        --zeever-color-surface: #121212;
        --zeever-color-surface-soft: #0b0c10;
        --zeever-color-surface-contrast: #000000;
        --zeever-color-heading: #fcfcfc;
        --zeever-color-text: #d0d0d0;
        --zeever-color-text-muted: #a6a6a6;
        --zeever-color-accent: #66fcf1;
        --zeever-color-accent-hover: #4abdb4;
        --zeever-color-border: #363636;
        --zeever-color-form: #252525;
        --zeever-color-link: #66fcf1;
        --zeever-color-link-hover: #4abdb4;
        --zeever-color-button-text: #ffffff;
        --zeever-color-button-fill-text: #082222;
        --zeever-color-overlay: rgb(0 0 0 / 0.7);
        --zeever-color-overlay-strong: rgb(0 0 0 / 0.9);
        --zeever-color-overlay-subtle: rgb(0 0 0 / 0.3);
        --zeever-color-transparent: rgb(255 255 255 / 0);
        --zeever-shadow-soft: 0px 3px 15px 0px rgb(16 16 16 / 0.1);
        --zeever-gradient-accent: linear-gradient(160deg, #66fcf1, #4abdb4);

        --wp--preset--color--black: #000000;
        --wp--preset--color--white: #ffffff;
        --wp--preset--color--quinary: #66fcf1;
        --wp--preset--color--septenary: #4abdb4;
    }
}

body[data-theme="dark"] {
    color-scheme: dark;

    --zeever-color-background: #000001;
    --zeever-color-surface: #121212;
    --zeever-color-surface-soft: #0b0c10;
    --zeever-color-surface-contrast: #000000;
    --zeever-color-heading: #fcfcfc;
    --zeever-color-text: #d0d0d0;
    --zeever-color-text-muted: #a6a6a6;
    --zeever-color-accent: #66fcf1;
    --zeever-color-accent-hover: #4abdb4;
    --zeever-color-border: #363636;
    --zeever-color-form: #252525;
    --zeever-color-link: #66fcf1;
    --zeever-color-link-hover: #4abdb4;
    --zeever-color-button-text: #ffffff;
    --zeever-color-button-fill-text: #082222;
    --zeever-color-overlay: rgb(0 0 0 / 0.7);
    --zeever-color-overlay-strong: rgb(0 0 0 / 0.9);
    --zeever-color-overlay-subtle: rgb(0 0 0 / 0.3);
    --zeever-color-transparent: rgb(255 255 255 / 0);
    --zeever-shadow-soft: 0px 3px 15px 0px rgb(16 16 16 / 0.1);
    --zeever-gradient-accent: linear-gradient(160deg, #66fcf1, #4abdb4);

    --wp--preset--color--black: #000000;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--quinary: #66fcf1;
    --wp--preset--color--septenary: #4abdb4;
}

body[data-theme="light"] {
    color-scheme: light;
}

@media (prefers-color-scheme: light) {
    body:not([data-theme="dark"]) .guten-P6sVWZ:not(.background-animated),
    body:not([data-theme="dark"]) .guten-P6sVWZ.background-animated > .guten-background-animated .animated-layer {
        background: var(--zeever-color-background) !important;
    }

    body:not([data-theme="dark"]) .guten-Kkoj10:not(.background-animated),
    body:not([data-theme="dark"]) .guten-Kkoj10.background-animated > .guten-background-animated .animated-layer {
        background: var(--zeever-color-surface) !important;
    }

    body:not([data-theme="dark"]) .guten-9rsSZi > .guten-background-overlay {
        background: var(--zeever-color-surface) !important;
        opacity: 0.88 !important;
    }

    body:not([data-theme="dark"]) .guten-o8XPen,
    body:not([data-theme="dark"]) .guten-o8XPen .has-black-background-color,
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background-color:#000"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background-color: #000"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background-color:rgb(0"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background-color: rgb(0"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background: #000"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background:#000"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background:rgb(0"],
    body:not([data-theme="dark"]) .guten-o8XPen [style*="background: rgb(0"] {
        background: var(--zeever-color-surface) !important;
        background-color: var(--zeever-color-surface) !important;
    }

    body:not([data-theme="dark"]) #guten-uNzlPk.break-point-mobile.guten-nav-menu .gutenverse-menu-wrapper,
    body:not([data-theme="dark"]) #guten-uNzlPk.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper {
        background-color: var(--zeever-color-surface) !important;
    }

    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a {
        color: var(--zeever-color-heading) !important;
    }

    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a,
    body:not([data-theme="dark"]) #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a {
        color: var(--zeever-color-accent) !important;
    }

    body:not([data-theme="dark"]) #guten-uNzlPk.guten-nav-menu .gutenverse-hamburger-menu,
    body:not([data-theme="dark"]) #guten-uNzlPk.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu {
        color: var(--zeever-color-heading) !important;
    }

    body:not([data-theme="dark"]) #guten-uNzlPk.guten-nav-menu .gutenverse-hamburger-menu svg,
    body:not([data-theme="dark"]) #guten-uNzlPk.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu svg {
        fill: var(--zeever-color-heading) !important;
    }
}

body[data-theme="light"] .guten-P6sVWZ:not(.background-animated),
body[data-theme="light"] .guten-P6sVWZ.background-animated > .guten-background-animated .animated-layer {
    background: var(--zeever-color-background) !important;
}

body[data-theme="light"] .guten-Kkoj10:not(.background-animated),
body[data-theme="light"] .guten-Kkoj10.background-animated > .guten-background-animated .animated-layer {
    background: var(--zeever-color-surface) !important;
}

body[data-theme="light"] .guten-9rsSZi > .guten-background-overlay {
    background: var(--zeever-color-surface) !important;
    opacity: 0.88 !important;
}

body[data-theme="light"] .guten-o8XPen,
body[data-theme="light"] .guten-o8XPen .has-black-background-color,
body[data-theme="light"] .guten-o8XPen [style*="background-color:#000"],
body[data-theme="light"] .guten-o8XPen [style*="background-color: #000"],
body[data-theme="light"] .guten-o8XPen [style*="background-color:rgb(0"],
body[data-theme="light"] .guten-o8XPen [style*="background-color: rgb(0"],
body[data-theme="light"] .guten-o8XPen [style*="background: #000"],
body[data-theme="light"] .guten-o8XPen [style*="background:#000"],
body[data-theme="light"] .guten-o8XPen [style*="background:rgb(0"],
body[data-theme="light"] .guten-o8XPen [style*="background: rgb(0"] {
    background: var(--zeever-color-surface) !important;
    background-color: var(--zeever-color-surface) !important;
}

body[data-theme="light"] #guten-uNzlPk.break-point-mobile.guten-nav-menu .gutenverse-menu-wrapper,
body[data-theme="light"] #guten-uNzlPk.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper {
    background-color: var(--zeever-color-surface) !important;
}

body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a {
    color: var(--zeever-color-heading) !important;
}

body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a,
body[data-theme="light"] #guten-uNzlPk .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a {
    color: var(--zeever-color-accent) !important;
}

body[data-theme="light"] #guten-uNzlPk.guten-nav-menu .gutenverse-hamburger-menu,
body[data-theme="light"] #guten-uNzlPk.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu {
    color: var(--zeever-color-heading) !important;
}

body[data-theme="light"] #guten-uNzlPk.guten-nav-menu .gutenverse-hamburger-menu svg,
body[data-theme="light"] #guten-uNzlPk.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu svg {
    fill: var(--zeever-color-heading) !important;
}
