// ============================================================
//  KATANAKIT CSS — PUBLIC ENTRY POINT
//  Emits the complete framework stylesheet in this order:
//
//  1. Reset / Preflight
//  2. Design tokens (custom properties on :root)
//  3. Color custom properties
//  4. Color utility classes (.text-*, .bg-*, .border-*, :hover)
//  5. Spacing utilities (.p-*, .m-*, .gap-*)
//  6. Base effects (.shadow, .rounded, .gap)
//  7. Typography scale (.text-xs … .text-9xl)
//  8. Border widths (.border, .border-0/2/4/8)
//  9. Sizing (.w-*, .h-*, .min-*, .max-*)
// 10. Flex utilities (.flex-*, .items-*, .justify-*)
// 11. Effects (.shadow-*, .rounded-*, .z-*, .opacity-*, .duration-*, .ease-*)
// 12. Layout (display, position, overflow, overflow-x/y, text-align, font-weight, whitespace, overflow-wrap)
// 13. Aspect ratio, object fit/position
// 14. Cursor, visibility
// 15. Typography extensions (text-transform, text-decoration, text-overflow, line-height, letter-spacing, font-family)
// 16. List style
// 17. Interactivity (pointer-events, resize, user-select, scroll-behavior, appearance)
// 18. Border style
// 19. Float, clear, isolation, box-sizing
// 20. Table utilities
// 21. Grid CSS classes (.grid-cols-*, .col-span-*, .row-span-*, .grid-flow-*, .container)
// 22. Flex CSS classes (.flex-1, .grow, .shrink, .order-*)
// 23. Position utilities (.top-*, .inset-*, etc.)
//
//  To compose a smaller custom stylesheet, import the modules
//  individually instead:
//    @use "katanakit-css/src/scss/variables" as v;
//    @use "katanakit-css/src/scss/mixins" as m;
//    @use "katanakit-css/src/scss/functions" as f;
// ============================================================

@use "reset";
@use "variables" as v;
@use "functions" as f;
@use "mixins" as m;
@use "utilities" as u;

// ── 1. Reset / Preflight ──────────────────────────────────
// (loaded by @use "reset" above — emits box-sizing, margin/padding
//  zeroing, typography normalization, form resets, media defaults)

// ── 2. Design tokens ──────────────────────────────────────
@include v.generate-css-tokens();

// ── 3. Color custom properties ────────────────────────────
@include v.generate-css-vars();

// ── 4. Color utility classes ──────────────────────────────
@include v.all-utilities();

// ── 5–23. All utility classes ─────────────────────────────
@include u.generate-all-utilities();