/* ═══════════════════════════════════════════════════════════════════════
 * Sinh Vũ Studio · Design System v1.0
 * index.css — Điểm vào duy nhất
 *
 * Cascade Layers — thứ tự ưu tiên (sau cao hơn trước):
 *   reset       — normalize trình duyệt
 *   tokens      — design tokens (đóng, components không override)
 *   base        — typography, layout primitives
 *   components  — UI components (button, chip, card...)
 *   utilities   — helper class (.sv-flex, .sv-text-center...)
 *   overrides   — page-specific exceptions (dùng dè dặt)
 *
 * Dùng:  <link rel="stylesheet" href="/assets/css/index.css">
 * ═══════════════════════════════════════════════════════════════════════ */

@layer reset, tokens, base, components, utilities, overrides;

@import url('./1-reset.css')              layer(reset);
@import url('./0-tokens.css');           /* đã tự khai báo @layer tokens */
@import url('./0-tokens.legacy.css');    /* đã tự khai báo @layer tokens — sẽ xoá Milestone 5 */
@import url('./2-base.css')               layer(base);

/* Components — Milestone 2 (mỗi file tự khai báo @layer components) */
@import url('./3-components/button.css');
@import url('./3-components/card.css');
@import url('./3-components/chip.css');
@import url('./3-components/bubble.css');
@import url('./3-components/input.css');
@import url('./3-components/fab.css');
@import url('./3-components/modal.css');
@import url('./3-components/progress.css');
@import url('./3-components/cta-block.css');
@import url('./3-components/role-picker.css');

@import url('./4-utilities.css')          layer(utilities);