 html {background-color: var(--bg-surface)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-success {color: var(--success)}:where(:root) .bricks-background-success {background-color: var(--success)}:where(:root) .bricks-color-danger {color: var(--error)}:where(:root) .bricks-background-danger {background-color: var(--error)}:where(:root) .bricks-color-warning {color: var(--warning)}:where(:root) .bricks-background-warning {background-color: var(--warning)} body {color: var(--text-body); font-family: "Secondary"; font-size: var(--font-size-body); font-weight: 300; line-height: 1.3em} h1, h2, h3, h4, h5, h6 {color: var(--primary); font-family: "Primary"; line-height: 1em} .brxe-container {width: var(--max-screen-width); padding-right: var(--space-section-padding-x); padding-left: var(--space-section-padding-x)} .woocommerce main.site-main {width: var(--max-screen-width)} #brx-content.wordpress {width: var(--max-screen-width)}