/**
 * JetStream Form Fields Library
 *
 * Modular, token-driven form styling.
 * "Out of the box. Token-driven. Extensible."
 *
 * Circle 1 — Native HTML elements are styled automatically.
 *            Any plugin generating standard HTML inherits the design system.
 * Circle 2 — Utility classes (.js-*) for advanced opt-in styling.
 *            (see _utilities.css, _layouts.css)
 * Circle 3 — Gutenberg blocks consume tokens and classes directly.
 *
 * @package JetStream
 * @since 1.0.0
 * @see CONTRIBUTING.md for coding standards
 * @see docs/form-fields.md for usage documentation
 */

/* Tokens — design system bridge (must be first) */
@import url("./_tokens.css");

/* Reset — browser normalization */
@import url("./_reset.css");

/* Circle 1 — native HTML element styling */
@import url("./_label.css");
@import url("./_base.css");
@import url("./_states.css");
@import url("./_checkbox-radio.css");
@import url("./_select.css");
@import url("./_file.css");
@import url("./_range.css");
@import url("./_helpers.css");
@import url("./_button.css");

/* Compatibility — third-party plugin overrides */
@import url("./_plugin-compat.css");

/* Circle 2 — opt-in utility classes */
@import url("./_utilities.css");
@import url("./_layouts.css");