html {background-color: var(--background)} body {background: none}:where(:root) .bricks-color-primary {color: var(--primary)}:where(:root) .bricks-background-primary {background-color: var(--primary)}:where(:root) .bricks-color-secondary {color: var(--secondary)}:where(:root) .bricks-background-secondary {background-color: var(--secondary)}:where(:root) .bricks-color-light {color: var(--white)}:where(:root) .bricks-background-light {background-color: var(--white)}:where(:root) .bricks-color-dark {color: var(--dark)}:where(:root) .bricks-background-dark {background-color: var(--dark)}:where(:root) * {border-color: var(--dark-t-2)} body {font-size: var(--text-m); font-family: "Poppins"; color: var(--dark); font-weight: 300} h1, h2, h3, h4, h5, h6 {color: var(--dark); font-size: var(--heading-m); font-family: "Sora"; font-weight: 400; letter-spacing: -0.02em; line-height: 1} h1 {font-size: var(--heading-xl)} h2 {font-size: var(--heading-l)} h3 {font-size: var(--heading-m)} .brxe-container {width: var(--section-width)} .woocommerce main.site-main {width: var(--section-width)} #brx-content.wordpress {width: var(--section-width)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--primary)} .bricks-button {border-width: 1px; border-color: var(--dark-t-3); border-radius: var(--radius-s)} .brxe-section {padding-top: var(--space-m)}