body {color: var(--color-text-title); font-family: "Noto Sans"; font-weight: 400} h1, h2, h3, h4, h5, h6 {color: var(--color-text-title); font-family: "Roboto Slab"; text-transform: uppercase} h2 {font-family: "Roboto Slab"; font-weight: 600} h3 {font-weight: 600} .bricks-button {color: var(--color-text-title); text-align: center; text-transform: uppercase; font-family: "Roboto Slab"; font-weight: 700; border-radius: 8px} :root .bricks-button[class*="dark"]:not(.outline) {background-color: var(--base)} :root .bricks-button[class*="secondary"]:not(.outline) {background-color: var(--color-accent-secondary)} .bricks-button:hover {color: var(--white)} :root .bricks-button[class*="primary"]:not(.outline) {background-color: var(--color-accent-primary)} :root .bricks-button[class*="light"]:not(.outline):not(.bricks-lightbox) {background-color: var(--color-accent-quaternary)} :root .bricks-button[class*="dark"] {color: var(--color-bg-primary)} html {background-color: var(--color-bg-primary)} body {background: none}