/** * Global layout overrides for the Pro parent theme. * * Controls the overall page frame, max-width containers and * background color that sits behind the Cornerstone canvas. * Uses design tokens (--mais-spacing-*, --mais-color-*, --mais-font-*) from . */ body { font-family: var(--mais-font-body-family); font-weight: var(--mais-font-body-weight); line-height: var(--mais-line-height-normal); background-color: #fff; overflow-x: visible; } h1, h2, h3, h4, h5, h6 { font-family: var(--mais-font-headline-family); font-weight: var(--mais-font-headline-weight-bold); line-height: var(--mais-line-height-tight); } .x-site { max-width: 1920px; margin: 0 auto; background-color: var(--mais-color-cream); box-shadow: 0 0 5em rgba(0, 0, 0, 0.25); } .x-container.max { max-width: 1200px; } .x-container.width { width: 90%; } .x-modal-content { margin: var(--mais-spacing-xl) 0; }