/**
 * Global base styles for all MGH Elementor widgets.
 *
 * Loaded on every page (see mgh_enqueue_base_styles), so the custom properties
 * defined here are available to all widget stylesheets.
 */

/* Shared design tokens. */
:root {
	--mgh-gold: #baa558;
	--mgh-gold-hover: #D2C597;
}

/*
 * Every MGH widget renders inside an Elementor wrapper with the class
 * `elementor-widget-mgh_<name>`. Giving that wrapper a solid white background
 * means a site-wide (Site Settings) background color set for the area outside
 * the boxed content width no longer bleeds through the custom widgets.
 */
[class*="elementor-widget-mgh_"] {
	background-color: #ffffff;
}