@import '../../main';

@include oTeaserCollection();
@import '@financial-times/o-grid/main';
@include oGrid();
@import '@financial-times/o-normalise/main';
@include oNormalise();

body {
	background-color: oColorsByUsecase('page', 'background');
	margin: oSpacingByName('s8');
	max-width: map-get($o-pf-grid-layouts, 'XL');

	.demo-paragraph {
		font-family: oPrivateFoundationGet('o3-type-body-content-base-font-family');
		font-size: oPrivateFoundationGet('o3-type-body-content-base-font-size');
		font-weight: oPrivateFoundationGet('o3-type-body-content-base-font-weight');
		line-height: oPrivateFoundationGet('o3-type-body-content-base-line-height');
	}

	.o-teaser-collection__item .demo-paragraph {
		margin: oSpacingByName('s1') 0 oSpacingByName('s4');
	}
}

.demo-inverse body {
	background-color: oColorsByName('slate');
}

.demo-inverse body,
.demo-inverse-copy body {
	.demo-paragraph {
		color: oColorsByName('white');
	}
}