/* Base Colors */
:root {
	--maxi-admin-white: #ffffff;
	--maxi-admin-black-text: #666666;
	--maxi-admin-light-grey: #f3fbf7;
	--maxi-admin-black: #000000;
	--maxi-admin-orange: #ff9700;
	--maxi-admin-light-orange: #f5b500;
	--maxi-admin-yellow: #e8ea00;
	--maxi-admin-border-light: #e6f3ed;

	--maxi-admin-grey: #999999;
	--maxi-admin-purple: #000;
	--maxi-admin-pink-purple: #2c8a46;
	--maxi-admin-green: #2c8a46;
	--maxi-admin-mint: #f3fbf7;

	/* Hover States */
	--maxi-admin-white-hover: #f5f5f5;
	--maxi-admin-black-hover: #848389;
	--maxi-admin-orange-hover: #e53e00;
	--maxi-admin-light-orange-hover: #ff9700;
	--maxi-admin-yellow-hover: #ffde3e;

	--maxi-admin-purple-hover: #b06bf7;
	--maxi-admin-pink-hover: #ff66ff;
	--maxi-admin-green-hover: #2c8a46;
	--maxi-admin-mint-hover: #e3f3ea;
}

:root {
	/* Core Builder */
	--maxi-primary-color: #2c8a46;
	/* Fresh lime green */
	--maxi-secondary-color: #63ba79;
	/* Crisp blue accent */
	--maxi-tertiary-color: #7a00df;
	/* Rich deep purple accent */

	/* Core Colors */
	--maxi-cloud-primary: #9a8cf3;
	/* Soft, pastel lavender-purple – modern and approachable */
	--maxi-cloud-primary-light: #e1dbfe;
	/* Lighter pastel version, now more distinct from whisper */
	--maxi-cloud-primary-bright: #7e6ee8;
	/* A more saturated but still refined shade */
	--maxi-cloud-primary-whisper: #f5f3fe;
	/* Slightly darker off-white for backgrounds */
	--maxi-cloud-primary-contrast: #3a3a3a;
	/* Dark neutral for text and contrast */

	/* Accent & Hover Colors */
	--maxi-cloud-hover: #b06bf7;
	/* Vibrant lavender-purple for hover effects */
	--maxi-cloud-hover-deep: #954dd1;
	/* Slightly deeper version for active states */

	/* Core Neutrals */
	--maxi-white: #fff;
	/* Pure white */
	--maxi-off-white: #f8f8f8;
	/* Soft off-white background */
	--maxi-grey: #b4b4b4;
	/* Standard grey for text/borders */
	--maxi-grey-light: #e0e0e0;
	/* Very light grey background */
	--maxi-grey-dark: #383838;
	/* Dark grey for high-contrast elements */
	--maxi-black: #000;
	/* True black */

	/* Accessibility */
	--maxi-accessibility-grey: #757575;
	/* Medium grey for readability */

	/* Existing Accent Colors */
	--maxi-light-blue: #e5f2f8;
	/* Soft light blue background/highlight */
	--maxi-light-blue-alt: #7fbddc;
	/* Alternative blue accent */
	--maxi-highlight-color: #f066ff;
	/* Vibrant highlight/punctuation */
	--maxi-light-yellow: #f7f5df;
	/* Gentle light yellow for accents */

	/* New Accent Brand Colors */
	--maxi-orange-red: #ff4500;
	/* Vibrant orange-red */
	--maxi-golden-orange: #f2a600;
	/* Warm golden-orange */
	--maxi-bright-yellow: #ffff00;
	/* Pure, bright yellow */
	--maxi-deep-golden: #f2b600;
	/* Rich golden shade */

	--maxi-pastel-green: #e3f3ea;
	/* Soft pastel green */
	--maxi-mid-green: #e6f3ed;
	/* Midpoint between the two pastel greens */
	--maxi-whisper-green: #f3fbf7;
	/* Soft pastel green */
	--maxi-hot-pink: #ff66ff;
	/* Vibrant pink highlight */

	/* Patterns preview colours */
	--maxi-cloud-preview-gradient: #f8fbfd;
	/* For lines gradient */
	--maxi-cloud-iframe-border: #96b0cb;
	/* For mobile and tablet preview iframe */

	/* For icon blocks */
	--maxi-icon-block-orange: #2c8a46;
	/* For mobile and tablet preview iframe */
}