@import url("https://use.typekit.net/wmw1dmn.css");

@layer components {
	/*
	================================================
	Heading
	================================================
	*/
	.heading-base,
	.heading-0,
	.heading-1,
	.heading-2,
	.heading-3,
	.heading-4,
	.heading-5 {
		/* @apply font-heading; */
		letter-spacing: 0.01em;
	}

	/* 64 */
	.heading-0 {
		@apply font-bold type-7xl font-heading;
		line-height: 1;
	}

	/* 48 */
	.heading-1 {
		@apply font-bold type-6xl font-heading;
		line-height: 1.125;
	}

	/* 40 */
	.heading-2 {
		@apply type-5xl;
		line-height: 1.125;
	}

	/* 36 */
	.heading-3 {
		@apply leading-normal type-3xl;
	}

	/* Open Sans Regular */
	.heading-4 {
		@apply font-normal type-xl;
	}

	/* 18 */
	.heading-5 {
		@apply font-semibold leading-normal type-lg;
	}

	.h1 {
		@apply mb-12 text-left text-blue heading-1;
		letter-spacing: 0.01em;
	}

	/* @apply leading-tight; 1.25
	@apply leading-snug; 1.375
	@apply leading-normal; 1.5
	@apply leading-relaxed; 1.625
	@apply leading-loose; 2 */

	/*
	================================================
	Body Copy
	================================================
	*/

	/* 18 */
	.copy {
		@apply font-light leading-7 type-lg;
	}

	/* 22 */
	.copy-lg {
		@apply font-normal leading-normal type-xl;
	}

	.upper {
		@apply font-medium leading-normal tracking-widest uppercase type-sm;
	}
}