/**
 * main.css — VinFast Sài Gòn Design System
 * Entry point: @import tất cả modules theo thứ tự
 *
 * THỨ TỰ QUAN TRỌNG:
 * 1. Base (variables → reset → typography)
 * 2. Components (buttons → cards → forms → nav → modal → floating)
 * 3. Pages (mỗi trang một file riêng)
 *
 * Để thêm styles mới: tạo file trong đúng thư mục và @import ở đây.
 * KHÔNG viết CSS trực tiếp vào file này.
 *
 * @see CODING_STANDARDS.md — Section 5 (CSS Rules)
 * @see DESIGN.md — Canonical design tokens
 */

/* =============================================
   1. BASE
============================================= */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* =============================================
   2. COMPONENTS
============================================= */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/forms.css');
@import url('./components/nav.css');
@import url('./components/modal.css');
@import url('./components/floating-contact.css');
@import url('./components/glass-highlight.css');
@import url('./components/footer.css');

/* =============================================
   3. PAGES
   Note: Ideally enqueue separately per page,
   but @import here for simplicity without a build tool.
============================================= */
@import url('./pages/home.css');
@import url('./pages/car-detail.css');
@import url('./pages/bang-gia.css');
@import url('./pages/khuyen-mai.css');
@import url('./pages/single-promo.css');
@import url('./pages/phu-kien.css');
@import url('./pages/lien-he.css');
@import url('./pages/tin-tuc.css');

/* =============================================
   LEGACY — Existing styles (tách dần theo thời gian)
   Giữ lại để không phá vỡ UI hiện tại.
   TODO: Tách vào đúng file khi refactor từng section.
============================================= */

/* Header — scoped styles trong header.php */
/* Single xe — inline trong template-vf8-detail.php */
/* Các component styles đã được migrate vào components/*.css */

/* =============================================
   LEGACY COMPATIBILITY — Overrides token names
   Remove after full token migration
============================================= */
:root {
    /* Map legacy names to new tokens */
    --navy: #0a1f3c;
    --brand: #0B5FE3;           /* Upgraded từ #0b6cf0 */
    --brand-dk: #0847AE;
    --bg: #FFFFFF;
    --bg-soft: #F4F6F9;
    --maxw: 1200px;
}