/**
 * NA-Kit UI — All Styles
 * Import this single file to get the complete CSS foundation.
 *
 * Usage:
 *   @import '@na-kit/ui/styles';
 *   OR
 *   <link rel="stylesheet" href="@na-kit/ui/dist/styles/index.css">
 *
 * Individual imports:
 *   @import '@na-kit/ui/styles/reset.css';
 *   @import '@na-kit/ui/styles/base.css';
 *   @import '@na-kit/ui/styles/dark-mode.css';
 *   @import '@na-kit/ui/styles/utilities.css';
 *   @import '@na-kit/ui/styles/prose.css';
 *   @import '@na-kit/ui/styles/animations.css';
 *   @import '@na-kit/ui/styles/print.css';
 */

@import './reset.css';
@import './base.css';
@import './dark-mode.css';
@import './utilities.css';
@import './prose.css';
@import './animations.css';
@import './print.css';

/**
 * CSS Cascade Layers architecture (optional opt-in).
 * Provides @layer ordering: reset → tokens → base → components → patterns → utilities → overrides
 * Import this instead of the individual files above for full cascade layer control.
 *
 *   @import '@na-kit/ui/styles/layers.css';
 */
@import './layers.css';