/* =========================================================
   METRASS — tokens de design (espelham as variáveis do Figma "Metrass")
   ========================================================= */
:root {
	/* Cores */
	--mt-pedra-clara: #F4EFE8;
	--mt-pedra: #E6DDD1;
	--mt-branco: #FBF8F3;
	--mt-grafite: #2A2623;
	--mt-grafite-suave: #5C544D;
	--mt-terracota: #8A3A30;
	--mt-terracota-escura: #6E2C24;
	--mt-madeira: #C9A37C;
	--mt-madeira-escura: #3E2C1E;
	--mt-salva: #7E8A6A;
	--mt-salva-clara: #DCE0D2;
	--mt-salva-escura: #4F5A43;

	/* Tipografia */
	--mt-font: "Oxanium", system-ui, -apple-system, "Segoe UI", sans-serif;
	--mt-fs-h1: clamp(2.25rem, 1.5rem + 2.2vw, 3.75rem);   /* 36 → 60 */
	--mt-fs-h2: clamp(1.75rem, 1.3rem + 1.3vw, 2.75rem);    /* 28 → 44 */
	--mt-fs-h3: clamp(1.5rem, 1.2rem + .8vw, 2.25rem);      /* 24 → 36 */
	--mt-fs-h4: clamp(1.1875rem, 1.1rem + .3vw, 1.5rem);    /* 19 → 24 */
	--mt-fs-lead: clamp(1rem, .95rem + .3vw, 1.25rem);      /* 16 → 20 */
	--mt-fs-body: clamp(.9375rem, .9rem + .2vw, 1.125rem);  /* 15 → 18 */
	--mt-fs-small: .9375rem;                                  /* 15 */
	--mt-fs-eyebrow: clamp(.75rem, .7rem + .2vw, .9375rem); /* 12 → 15 */
	--mt-fs-price: clamp(1.75rem, 1.5rem + .8vw, 2.125rem); /* 28 → 34 */
	--mt-lh-tight: 1.1;
	--mt-lh-body: 1.55;
	--mt-ls-eyebrow: .18em;
	--mt-ls-btn: .12em;

	/* Espaçamento e layout */
	--mt-container: 1380px;
	--mt-gutter: 20px;
	--mt-section-y: clamp(48px, 2.5rem + 4vw, 112px);
	--mt-gap: clamp(16px, 1rem + 1vw, 33px);
	--mt-header-h: clamp(64px, 3.5rem + 1.5vw, 96px);
	--mt-cut: 60px; /* canto cortado dos cards e formulários */

	/* Movimento */
	--mt-ease: cubic-bezier(.22, .61, .36, 1);
}

@media (min-width: 768px) {
	:root { --mt-gutter: 40px; }
}