:where(:root) .bricks-color-primary {color: var(--cd76-blue)}:where(:root) .bricks-background-primary {background-color: var(--cd76-blue)}:where(:root) .bricks-color-secondary {color: var(--cd76-navy)}:where(:root) .bricks-background-secondary {background-color: var(--cd76-navy)}:where(:root) .bricks-color-light {color: var(--cd76-mist)}:where(:root) .bricks-background-light {background-color: var(--cd76-mist)}:where(:root) .bricks-color-dark {color: var(--cd76-night)}:where(:root) .bricks-background-dark {background-color: var(--cd76-night)}:where(:root) .bricks-color-muted {color: var(--cd76-ink-3)}:where(:root) .bricks-background-muted {background-color: var(--cd76-ink-3)}:where(:root) * {border-color: var(--cd76-line)}:where(:root) .bricks-color-info {color: var(--cd76-blue-light)}:where(:root) .bricks-background-info {background-color: var(--cd76-blue-light)}:where(:root) .bricks-color-warning {color: var(--cd76-ball)}:where(:root) .bricks-background-warning {background-color: var(--cd76-ball)}:where(:root) .bricks-color-danger {color: var(--cd76-red)}:where(:root) .bricks-background-danger {background-color: var(--cd76-red)} body {font-family: "Atkinson Hyperlegible Next"; font-size: var(--cd76-t-body); line-height: 1.6; color: var(--cd76-ink)} h1, h2, h3, h4, h5, h6 {font-family: "Bricolage Grotesque"} .brxe-container.root {width: var(--cd76-container)} .brxe-container.root.stretch > .brxe-container {width: var(--cd76-container)} .brxe-container.root.stretch > .brxe-div {width: var(--cd76-container)} .woocommerce main.site-main {width: var(--cd76-container)} #brx-content.wordpress {width: var(--cd76-container)}