/*
 * Expat Mortgage Platform tokens.
 * Source: Elementor kit (post-4769) + homepage/contact computed styles.
 *   accent #C9A24D (--e-global-color-accent), ink #000 (--e-global-color-secondary),
 *   light #F8F9FA (--e-global-color-primary), section bg #F5F7FB, olive #85754F (header),
 *   Plus Jakarta Sans 600 / -0.5px headings, Inter body, Roboto 500 buttons,
 *   5px buttons, 10px / 20px cards, borders #DBDBDB.
 * Gold is used as accent only: white text on #C9A24D is 2.4:1, black on gold is 8.8:1.
 */

.mlw--emp {
	--mlw-font-heading: var(--e-global-typography-primary-font-family, "Plus Jakarta Sans"), "Plus Jakarta Sans", sans-serif;
	--mlw-font-body: var(--e-global-typography-text-font-family, "Inter"), "Inter", sans-serif;
	--mlw-font-button: var(--e-global-typography-accent-font-family, "Roboto"), "Roboto", sans-serif;

	--mlw-gold: var(--e-global-color-accent, #C9A24D);
	--mlw-olive: #85754F;
	--mlw-black: var(--e-global-color-secondary, #000000);

	--mlw-ink: #1D1D1D;
	--mlw-title-ink: var(--mlw-black);
	--mlw-muted: #5F5F5F;
	--mlw-border: #E6E8EC;
	--mlw-eyebrow-ink: var(--mlw-olive);
	--mlw-error: #B3261E;
	--mlw-link: var(--mlw-black);

	--mlw-panel-bg: #FFFFFF;
	--mlw-panel-border: 1px solid #ECEEF2;
	--mlw-panel-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 18px 40px -22px rgba(0, 0, 0, .22);
	--mlw-radius-panel: 20px;
	--mlw-radius-card: 10px;
	--mlw-radius-btn: 5px;
	--mlw-radius-input: 5px;
	--mlw-radius-key: 5px;

	--mlw-title-weight: 600;
	--mlw-title-tracking: var(--e-global-typography-primary-letter-spacing, -0.5px);

	--mlw-progress-track: #EEF0F4;
	--mlw-progress-fill: var(--mlw-gold);

	--mlw-card-bg: #FFFFFF;
	--mlw-card-border: #DBDBDB;
	--mlw-card-border-hover: var(--mlw-black);
	--mlw-card-shadow-hover: 0 8px 20px -14px rgba(0, 0, 0, .35);
	--mlw-selected-bg: #FBF7EE;
	--mlw-selected-border: var(--mlw-gold);
	--mlw-key-selected-bg: var(--mlw-gold);
	--mlw-key-selected-ink: var(--mlw-black);

	--mlw-focus-outline: 2px solid var(--mlw-black);
	--mlw-focus-halo: 0 0 0 6px rgba(201, 162, 77, .35);

	--mlw-btn-bg: var(--mlw-black);
	--mlw-btn-ink: #FFFFFF;
	--mlw-btn-border: var(--mlw-black);
	--mlw-btn-bg-hover: var(--mlw-gold);
	--mlw-btn-ink-hover: var(--mlw-black);
	--mlw-btn-border-hover: var(--mlw-gold);
	--mlw-btn-size: 16px;
	--mlw-btn-weight: 500;

	--mlw-input-bg: #FFFFFF;
	--mlw-input-border: #8F8F8F;
	--mlw-input-focus: var(--mlw-black);
	--mlw-input-focus-ring: 0 0 0 4px rgba(201, 162, 77, .3);
	--mlw-check-border: #858585;
	--mlw-checkbox-bg: var(--mlw-black);
	--mlw-checkbox-ink: #FFFFFF;

	--mlw-trust-icon: var(--mlw-olive);
	--mlw-received-ink: var(--mlw-olive);
}

/* Signature detail: thin gold rule above the intro heading, echoing the gold highlight in EMP headlines. */
.mlw--emp .mlw-step--intro .mlw-eyebrow::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 2px;
	margin: 0 10px 3px 0;
	background: var(--mlw-gold);
	vertical-align: middle;
}

.mlw--emp .mlw-step--result.mlw-result--hot .mlw-title,
.mlw--emp .mlw-step--result.mlw-result--warm .mlw-title {
	text-decoration: underline;
	text-decoration-color: var(--mlw-gold);
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}