/* MUTERRA design tokens shared by approved frontend templates and components. */
:root {
	--mt-font-family: "Manrope", Arial, sans-serif;
	--color-brand-navy: #013871;
	--color-brand-blue: #087bac;
	--color-brand-sky: #eaf7fc;
	--color-brand-orange: #feaa02;
	--color-ink: #102b42;
	--color-copy: #567080;
	--color-line: #d5e5ed;
	--color-surface: #fff;
	--color-surface-muted: #f2f5f6;
	--shadow-card: 0 14px 36px rgba(1, 56, 113, .06);
	--radius-card: 8px;
	--container-width: min(1240px, calc(100% - 64px));

	--type-display-size: 60px;
	--type-display-line-height: 1;
	--type-display-weight: 700;
	--type-display-tracking: -.045em;
	--type-page-title-size: 52px;
	--type-page-title-line-height: 1.08;
	--type-page-title-weight: 700;
	--type-page-title-tracking: -.04em;
	--type-section-title-size: clamp(38px, 4.3vw, 62px);
	--type-section-title-line-height: 1;
	--type-section-title-weight: 800;
	--type-section-title-tracking: -.02em;
	--type-module-title-size: 24px;
	--type-module-title-line-height: 1.15;
	--type-module-title-weight: 700;
	--type-module-title-tracking: -.02em;
	--type-lead-size: 18px;
	--type-lead-line-height: 1.6;
	--type-body-size: 16px;
	--type-body-line-height: 1.65;
	--type-rich-text-h2-size: clamp(28px, 2.8vw, 42px);
	--type-rich-text-h2-line-height: 1.1;
	--type-rich-text-h2-weight: var(--type-section-title-weight);
	--type-rich-text-h2-tracking: var(--type-section-title-tracking);
	--type-rich-text-h3-size: var(--type-module-title-size);
	--type-rich-text-h3-line-height: var(--type-module-title-line-height);
	--type-rich-text-h3-weight: var(--type-module-title-weight);
	--type-rich-text-h3-tracking: var(--type-module-title-tracking);
	--type-rich-text-h4-size: 18px;
	--type-label-size: 12px;
	--type-label-line-height: 1.4;
	--type-label-weight: 700;
	--type-label-tracking: .08em;
	--type-number-size: 42px;
	--type-number-line-height: 1;
	--type-number-weight: 700;
	--type-number-tracking: -.05em;

	/* Existing MUTERRA template aliases retained during the token migration. */
	--mt-navy: #071b31;
	--mt-ink: #0d2945;
	--mt-blue: #2b76a8;
	--mt-sky: #9fc8dc;
	--mt-orange: var(--color-brand-orange);
	--mt-copper: var(--color-brand-orange);
	--mt-paper: var(--color-surface-muted);
	--mt-line: rgba(11, 47, 75, .16);
	--mt-container: var(--container-width);
	--mt-section-title-size: var(--type-section-title-size);
	--mutuo-product-navy: var(--color-brand-navy);
	--mutuo-product-blue: #0b86bd;
	--mutuo-product-sky: var(--color-brand-sky);
	--mutuo-product-ink: var(--color-ink);
	--mutuo-product-copy: var(--color-copy);
	--mutuo-product-line: var(--color-line);
	--mutuo-product-orange: var(--color-brand-orange);
}

@media (max-width: 700px) {
	:root {
		--type-display-size: 32px;
		--type-page-title-size: 34px;
		--type-module-title-size: 20px;
		--type-lead-size: 16px;
		--type-number-size: 32px;
		--mt-container: calc(100% - 32px);
	}
}