Cascade Layers

@layer design.system, components, utilities;

@import "open-props/colors" layer(design.system);
@import "open-props/easings" layer(design.system);

@import "components/nav/base.css" layer(components.nav);

@layer components.nav.primary {
	nav {
		container: --primary-nav / inline-size;
		view-transition-name: --primary-nav;

		position: sticky;
		inset-block-start: 0;
	}
}

.demo {
	/* isolate just the demo tricks */
}

@layer demo.support {
	/* center the demo, etc */
}