@import url("../../prosilver/theme/newsletter.css");
@import url("../../all/theme/newsletter-palette.css");

/* ProArcade palette, matched to the installed style. */
:root {
	--sp-newsletter-panel: #ffe3e0;
	--sp-newsletter-surface: #effaf4;
	--sp-newsletter-soft: #d0ffee;
	--sp-newsletter-text: #184002;
	--sp-newsletter-muted: #536482;
	--sp-newsletter-border: #1c6ea4;
	--sp-newsletter-accent: #1c6ea4;
	--sp-newsletter-hover: #154f79;
	--sp-newsletter-hero: linear-gradient(135deg, #ffe3e0, #d0ffee);
	--sp-newsletter-head: linear-gradient(180deg, #246fa3, #185c8a);
	--sp-newsletter-head-text: #ffffff;
	--sp-newsletter-primary: linear-gradient(180deg, #1c6ea4, #185c8a);
	--sp-newsletter-primary-hover: linear-gradient(180deg, #247eb6, #1c6ea4);
	--sp-newsletter-primary-text: #ffffff;
	--sp-newsletter-neutral: linear-gradient(180deg, #effaf4, #fceeed);
	--sp-newsletter-neutral-hover: #d0ffee;
	--sp-newsletter-danger: #a12533;
	--sp-newsletter-danger-hover: #811d29;
	--sp-newsletter-danger-bg: #f9d7d7;
	--sp-newsletter-field: #effaf4;
	--sp-newsletter-shadow: 0 4px 12px rgba(28,110,164,.12);
}