/*
 * Webflow export CSS, loaded into a single low-priority cascade layer.
 *
 * Why: the four Webflow stylesheets are the load-bearing styling for the
 * converted marketing pages, but as *unlayered* CSS they outranked the kit's
 * Tailwind utilities (which live in `@layer utilities`). Unlayered always beats
 * layered, so Webflow's element rules (e.g. normalize's
 * `article, section { display: block }`) silently overrode Tailwind `flex`/`grid`
 * on any kit section built from those tags.
 *
 * Fix: wrap all Webflow CSS in `@layer webflow`, declared as the LOWEST layer.
 * Now Tailwind utilities + the kit reset (higher layers) win everywhere, while
 * the four files keep their exact internal cascade among themselves (import
 * order preserved), so the Webflow pages render identically.
 *
 * The layer order below MUST match the one in src/styles/kit.css so `webflow`
 * stays lowest no matter which stylesheet the browser parses first.
 */
@layer webflow, theme, base, components, utilities;

@import url(/css/design-system.css) layer(webflow);
@import url(/css/normalize.css) layer(webflow);
@import url(/css/components.css) layer(webflow);
@import url(/css/modulify-ai.css) layer(webflow);