/* ============================================================
 *   DESIGN SYSTEM — main.css
 *   Entry point. Layer declarations + imports only. No rules here.
 *   ============================================================ */

@layer reset, tokens, base, layouts, blocks, utilities;

/* Reset */
@import "reset.css" layer(reset);

/* Tokens */
@import "tokens/colors.css" layer(tokens);
@import "tokens/typography.css" layer(tokens);
@import "tokens/spacing.css" layer(tokens);
@import "tokens/shadows.css" layer(tokens);

/* Base */
@import "base/global.css" layer(base);
@import "base/forms.css" layer(base);
@import "base/buttons.css" layer(base);

/* Layouts */
@import "layouts/container.css" layer(layouts);
@import "layouts/stack.css" layer(layouts);
@import "layouts/cluster.css" layer(layouts);
@import "layouts/sidebar.css" layer(layouts);
@import "layouts/grid.css" layer(layouts);

/* Blocks — project-specific, grows per app */
@import "blocks/forms.css" layer(blocks);
@import "blocks/button.css" layer(blocks);
@import "blocks/card.css" layer(blocks);
@import "blocks/kpi.css" layer(blocks);
@import "blocks/flash.css" layer(blocks);
@import "blocks/auth.css" layer(blocks);
@import "blocks/alert-banner.css" layer(blocks);
@import "blocks/nav.css" layer(blocks);
@import "blocks/sidebar.css" layer(blocks);
@import "blocks/table.css" layer(blocks);
@import "blocks/activity-item.css" layer(blocks);
@import "blocks/badge.css" layer(blocks);
@import "blocks/invoice-doc.css" layer(blocks);
@import "blocks/invoice-page.css" layer(blocks);
@import "blocks/prose.css" layer(blocks);

/* Utilities */
@import "utilities/icon.css" layer(utilities);
@import "utilities/flow.css" layer(utilities);
@import "utilities/section-label.css" layer(utilities);
@import "utilities/measure.css" layer(utilities);
@import "utilities/a11y.css" layer(utilities);