/**
 * Mega Menu Core — global color & theme variables.
 * Override these on :root or body.has-mega-menu to rebrand.
 */
:root {
	/* Brand */
	--megamenu-primary: #154880;
	--megamenu-primary-dark: #223a7a;
	--megamenu-accent: #e74c3c;
	--megamenu-yellow: #ffe147;

	/* CTA banner */
	--megamenu-cta-bg: #235e9f;
	--megamenu-cta-btn: #ff6522;
	--megamenu-cta-btn-border: #ff6522;
	--megamenu-cta-divider: #354456;

	/* Text */
	--megamenu-text: #292929;
	--megamenu-text-muted: #525252;
	--megamenu-text-light: #888888;
	--megamenu-text-on-primary: #ffffff;
	--megamenu-text-on-dark: #ffffff;
	--megamenu-text-on-dark-muted: rgba(255, 255, 255, 0.9);

	/* Surfaces */
	--megamenu-bg: #ffffff;
	--megamenu-bg-light: #fafafa;
	--megamenu-bg-muted: #f6f6f6;
	--megamenu-bg-admin: #f6f7f7;

	/* Borders */
	--megamenu-border: #eeeeee;
	--megamenu-border-medium: #dddddd;
	--megamenu-border-strong: #d7d7d7;
	--megamenu-border-admin: #dcdcde;

	/* Overlays & alpha */
	--megamenu-primary-alpha-075: rgba(21, 72, 128, 0.075);
	--megamenu-primary-alpha-25: rgba(21, 72, 128, 0.25);
	--megamenu-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, 0.1);
	--megamenu-shadow-panel:
		0px 4px 9px 0px #0000001a,
		0px 17px 17px 0px #00000017,
		0px 38px 23px 0px #0000000d,
		0px 68px 27px 0px #00000003,
		0px 105px 30px 0px #00000000;

	/* Layout */
	--megamenu-radius-sm: 4px;
	--megamenu-radius-md: 6px;
	--megamenu-radius-lg: 10px;
	--megamenu-z-header: 10001;
	--megamenu-z-nav: 10000;
	--megamenu-z-panel: 999;
}