@import "base.css";

@layer variants {
	/* Width variants — constrain a block-level component's max-width. `.full` explicitly removes any */
	/* constraint a component might apply by default. */
	.narrow {
		margin-inline: auto;
		max-width: var(--width-narrow);
	}
	.wide {
		margin-inline: auto;
		max-width: var(--width-wide);
	}
	.full {
		margin-inline: 0;
		max-width: none;
		inline-size: 100%;
	}
}