: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)} body {font-family: "Lato"} h1, h2, h3, h4, h5, h6 {font-family: "EBGaramond"; color: var(--primary); text-transform: uppercase; font-weight: 400} .bricks-button {color: var(--light); font-family: "EBGaramond"; text-transform: uppercase; font-weight: 700; font-size: var(--text-l)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline) {background-color: var(--secondary-d-2)} .bricks-button:not([class*="bricks-background-"]):not([class*="bricks-color-"]):not(.outline):hover {background-color: var(--secondary-d-5)}