/**
 * ==============================================================================================
 * BẢNG ĐIỀU KHIỂN MÀU SẮC & GIAO DIỆN TOÀN BỘ WEBSITE (THEME VARIABLES)
 * ==============================================================================================
 * Bảng màu chuẩn nhận diện thương hiệu NHÀ XE PHƯƠNG ĐÔNG (Khớp 100% với Banner & Nhận diện xe):
 * - Màu chủ đạo (Primary): Xanh Ngọc Lục Bảo / Teal (#00A396 / #007A71)
 * - Màu điểm nhấn (Accent): Vàng Tươi Phương Đông (#F5D000 / #745F00)
 * ==============================================================================================
 */

:root {
    /* --------------------------------------------------------------------------
     * 1. MÀU CHỦ ĐẠO THƯƠNG HIỆU (PRIMARY BRAND COLOR - XANH NGỌC PHƯƠNG ĐÔNG)
     * Dùng cho: Header topbar/mainbar, Nút bấm chính, Viền ghế mở bán, Badge, Icon chính
     * -------------------------------------------------------------------------- */
    --brand-primary: #00A396;             /* Màu xanh ngọc thương hiệu chính */
    --brand-primary-hover: #008A80;       /* Màu khi rê chuột (Hover) vào nút chính */
    --brand-primary-dark: #007A71;        /* Màu xanh đậm (Topbar, Footer, Tiêu đề Banner, Đặt vé) */
    --brand-primary-deep: #004D47;        /* Màu xanh ngọc rất đậm */
    --brand-primary-light: #E6F8F6;       /* Màu nền xanh ngọc nhạt (Badge, Tag, Focus ring) */
    --brand-primary-border: #A3EBE3;      /* Màu viền xanh ngọc */
    --brand-primary-shadow: rgba(0, 163, 150, 0.35); /* Màu đổ bóng nút chính */

    /* --------------------------------------------------------------------------
     * 2. MÀU ĐIỂM NHẤN & CẢNH BÁO (ACCENT COLOR - VÀNG TƯƠI PHƯƠNG ĐÔNG)
     * Dùng cho: Logo PD, Ngôi sao, Sọc trang trí xe, Ghế đang chọn, Nút gọi/hotline
     * -------------------------------------------------------------------------- */
    --brand-accent: #F5D000;              /* Màu vàng tươi nhận diện xe & logo */
    --brand-accent-hover: #E0BE00;        /* Màu vàng đậm khi hover */
    --brand-accent-dark: #745F00;         /* Màu vàng sẫm dùng cho text trên nền sáng */
    --brand-accent-light: #FEFCE8;        /* Màu nền vàng nhạt */
    --brand-accent-border: #FDE047;       /* Màu viền vàng */
    --brand-accent-shadow: rgba(245, 208, 0, 0.45);

    /* --------------------------------------------------------------------------
     * 3. MÀU VĂN BẢN (TYPOGRAPHY COLORS)
     * -------------------------------------------------------------------------- */
    --text-main: #2A3439;                 /* Màu chữ tiêu đề và nội dung chính (Xám than ánh xanh) */
    --text-muted: #5C6A6D;                /* Màu chữ phụ, mô tả phụ */
    --text-light: #8C9B9E;                /* Màu chữ mờ, nhãn phụ */
    --text-inverse: #FFFFFF;              /* Màu chữ trắng trên nền tối */

    /* --------------------------------------------------------------------------
     * 4. MÀU NỀN & VIỀN BỐ CỤC (BACKGROUND & BORDER COLORS)
     * -------------------------------------------------------------------------- */
    --bg-page: #F7FAFA;                   /* Màu nền toàn bộ website */
    --bg-card: #FFFFFF;                   /* Màu nền các thẻ / Card / Box */
    --bg-card-alt: #EDF4F4;               /* Màu nền thẻ phụ / ô tìm kiếm phụ */
    --border-color: #E3EDED;              /* Màu đường viền khung thẻ */
    --border-color-light: #EEF5F5;        /* Màu đường phân cách nhẹ */
    --border-focus: var(--brand-primary); /* Màu viền khi click vào ô nhập liệu */

    /* --------------------------------------------------------------------------
     * 5. TRẠNG THÁI GHẾ & HỆ THỐNG (SEAT & SYSTEM STATUS)
     * -------------------------------------------------------------------------- */
    --seat-available: var(--brand-primary);       /* Ghế mở bán */
    --seat-selected: var(--brand-accent);         /* Ghế đang chọn */
    --seat-held: #FEFCE8;                         /* Ghế đang giữ */
    --seat-sold: #CBD5E1;                         /* Ghế đã bán */
    --seat-blocked: #E2E8F0;                      /* Ghế khóa */

    /* --------------------------------------------------------------------------
     * 6. BIẾN TƯƠNG THÍCH NGƯỢC (LEGACY / BACKWARD COMPATIBILITY ALIASES)
     * -------------------------------------------------------------------------- */
    --pd-teal: var(--brand-primary);
    --pd-teal-hover: var(--brand-primary-hover);
    --pd-teal-dark: var(--brand-primary-dark);
    --pd-teal-deep: var(--brand-primary-deep);
    --pd-teal-light: var(--brand-primary-light);
    --pd-yellow: var(--brand-accent);
    --pd-yellow-hover: var(--brand-accent-hover);
    --pd-yellow-dark: var(--brand-accent-dark);
    --pd-yellow-light: var(--brand-accent-light);
    --pd-dark: var(--text-main);
    --pd-muted: var(--text-muted);
    --pd-bg: var(--bg-page);
    --pd-border: var(--border-color);
}