:root{ --font-heading: "DM Serif Display", serif; --font-heading-color: var(--text-title); --font-heading-weight: 500; --font-heading-spacing: 1px; --font-body: "DM Sans", sans-serif; --font-body-size: var(--text-m); --font-body-color: var(--text-body); --font-body-weight: 400; --focus-color: var(--primary); --focus-outline-width: 1px; --focus-outline-style: solid; --focus-outline-offset: 1px; --global-radius: var(--radius-xs); --global-transition: var(--transition-property) var(--transition-duration) var(--transition-curve); --global-section-padding: var(--space-3xl) var(--space-3xl); --global-section-gap: var(--space-l); --global-site-width: 1920px;}H1, H2, H3, H4, H5, H6{ font-family: var(--font-heading); color: var(--font-heading-color); font-weight: var(--font-heading-weight); letter-spacing: var(--font-heading-spacing);}H1{ font-size: var(--text-4xl); line-height: 1.1;}H2{ font-size: var(--text-3xl); line-height: 1.2;}H3{ font-size: var(--text-2xl); line-height: 1.3;}H4{ font-size: var(--text-xl); line-height: 1.3;}H5{ font-size: var(--text-l); line-height: 1.3;}H6{ font-size: var(--text-m); line-height: 1.4;}body{ font-family: var(--font-body); font-size: var(--font-body-size); color: var(--font-body-color); font-weight: var(--font-body-weight); line-height: 1.6;}:where(button, input, textarea, .bricks-button){ border-radius: var(--global-radius); transition: var(--global-transition);}:where(H1, H2, H3, H4, H5, H6, a, figure, span, img, i),:where(.brxe-div, .brxe-block){ transition: var(--global-transition);}body.bricks-is-frontend :focus{ outline: none; box-shadow: none;}body.bricks-is-frontend :focus-visible{ outline-width: var(--focus-outline-width); outline-style: var(--focus-outline-style); outline-offset: var(--focus-outline-offset); outline-color: var(--focus-color);}:where(.brxe-section){ padding: var(--global-section-padding); gap: var(--global-section-gap);}:where(.brxe-container).brxe-container{ width: var(--global-site-width);}