/**
 * Establish Cascade Layer order
 * Items with a ✅ next to them are for public use.
 * Items with a 🏴‍☠️ are internal layers and should not be used for customizations.
 *
 * 🏴‍☠️ kelp: the parent layer for the Kelp library.
 * 🏴‍☠️ kelp.base: The base CSS variables, configurations, and theme.
 * ✅ kelp.theme: Theme customizations (colors, fonts, sizes, etc.)
 * 🏴‍☠️ kelp.core: The core styles and components.
 * ✅ kelp.extend: Add your own components and customize existing ones.
 * 🏴‍☠️ kelp.utilities: Utility classes for nudging and tweaking the UI.
 * ✅ kelp.helpers: Add your own utilities and customize existing ones.
 * 🏴‍☠️ kelp.tokens: Design tokens that define semantic colors.
 * 🏴‍☠️ kelp.state: State effects (:hover, :active, etc.).
 * ✅ kelp.effects: Add your own state effects and customize existing ones.
 */

@layer kelp;
@layer kelp.base,
	kelp.theme,
	kelp.core,
	kelp.extend,
	kelp.utilities,
	kelp.helpers,
	kelp.tokens,
	kelp.state,
	kelp.effects;