/* ==========================================================================
   bricks-global-theme.css

   Preview mirror of bricks-global-theme.json (Bricks > Theme Styles). It
   exists only so a local HTML file looks like the deployed site. It is NEVER
   pasted into the converter or the child theme: every rule here targets
   html, body or a Bricks element type, so pasted anywhere it would restyle
   the whole WordPress site.

   What goes here: only what Bricks Theme Styles sets globally (site
   background, base text colour, container width, section padding, fonts for
   local preview). In Bricks those fields get var(--token), never a raw value.

   Mapping, keep it current:
     .container  -> Theme Styles > Elements > Container, width only
     .section    -> Theme Styles > Elements > Section, padding both axes,
                    no breakpoint overrides (the tokens are fluid)
     Typography  -> leave EMPTY in Theme Styles; type sizes come from classes

   Component styling never goes here. It goes to bricks-classes.css.
   ========================================================================== */

*,
*::before,
*::after { box-sizing: border-box; }

body { margin: 0; }

.container {
  width: var(--container-width);
  max-width: 100%;
  margin-inline: auto;
}

.section {
  padding: var(--padding-section-y) var(--padding-section-x);
}