/**
 * Warm design.
 *
 * See modern.css for how designed presets work. Variables only; the chassis paints.
 */

.mts-fm--style-warm {
	--mts-fm-accent: #d97706;
	--mts-fm-text: #4a3520;
	--mts-fm-track: rgba(120, 78, 32, 0.12);

	--mts-fm-surface-bg: #fdf6ec;
	--mts-fm-surface-border: rgba(180, 120, 50, 0.18);
	--mts-fm-surface-border-width: 1px;
	--mts-fm-surface-padding: 32px;
	--mts-fm-surface-shadow: none;

	--mts-fm-radius: 20px;
	--mts-fm-progress-radius: 999px;
	--mts-fm-progress-height: 14px;
	--mts-fm-spacing: 22px;

	--mts-fm-heading-weight: 700;
	--mts-fm-amount-weight: 700;

	--mts-fm-button-bg: #d97706;
	--mts-fm-button-text: #ffffff;
	--mts-fm-button-radius: 999px;
}

.mts-fm--style-warm .mts-fm__button {
	padding-inline: 1.75em;
}

.mts-fm--style-warm .mts-fm__subheading {
	opacity: 0.75;
}