/* Bảng màu thương hiệu Ngọc Chi – lấy theo site chính chayngocchi.vn.
   Nạp TRƯỚC mọi file css khác để các module kế thừa được biến.

   Nguồn màu (trích từ CSS của chayngocchi.vn):
     --colorPrimary: #009f5c   xanh lá chủ đạo, dùng cho header
     --colorLight:   #ac6000   nâu cam phụ
     điểm nhấn:      #ffab00 / #face65 (vàng), #049935 (xanh lá đậm hơn) */

:root {
    /* ── Xanh lá thương hiệu ── */
    --brand-primary: #009f5c;
    --brand-primary-dark: #007a46;
    --brand-primary-darker: #005c35;
    --brand-primary-light: #049935;
    --brand-primary-soft: #e6f6ed;
    --brand-primary-tint: #f2faf5;

    /* ── Nâu cam phụ ── */
    --brand-secondary: #ac6000;
    --brand-secondary-soft: #fef4e6;

    /* ── Vàng điểm nhấn ── */
    --brand-accent: #ffab00;
    --brand-accent-light: #face65;

    /* ── Nền và viền, ngả xanh nhẹ cho ăn với màu chủ đạo ── */
    --brand-bg: #f4f7f5;
    --brand-surface: #ffffff;
    --brand-border: #dde5e0;
    --brand-border-strong: #c5d2ca;

    /* ── Chữ ── */
    --brand-text: #1f2d24;
    --brand-muted: #5c6b5e;

    /* ── Trạng thái ── */
    --brand-success: #12a150;
    --brand-danger: #d93025;
    --brand-warning: #f59e0b;
    --brand-info: #0d6efd;
}