:root {
    --be:       #FDFBF2;
    --red:      #b20707;
    --pink:     #f8d7da;
    --red-dark: #c62828;
    --red-soft: #ffebee;
    --border:   #e0e0e0;
    --text:     #212121;
    --muted:    #757575;
    --light:    #fafafa;
    --white:    #ffffff;
    --success:    #0f5132;
    --danger:    #f8d7da;
    --pink-level-1: #fdf2f3;
    --pink-level-2: #f8d7da;
    --bg-table-hover-level-1: #f8f8f8;
    --bg-table-hover-level-2: #e6e6e7;
    --blue: #55fafb;
    --xam: #333;

    --media-ratio: 16 / 9;

    --fs-xl:    20px;
    --fs-lg:    18px;
    --fs-md:    16px;
    --fs-sm:    14px;
    --fs-xs:    12px;
    --radius:   10px;
    --shadow:   0 2px 12px rgba(0,0,0,.08);

    /* ===== Trạng thái dự án (ProjectStatus) — NGUỒN CHUẨN màu chữ + nền =====
       Mọi nơi hiển thị trạng thái dự án (PHP enum, badge .badge-<value>,
       .s-status-badge…) đều tham chiếu các biến dưới đây. Xem doc.md. */
    --color-prj-sap-ra-mat:  #4f46e5;  --bg-prj-sap-ra-mat:  #eef2ff;
    --color-prj-sap-mo-ban:  #f97316;  --bg-prj-sap-mo-ban:  #fff7ed;
    --color-prj-mo-ban:      #07a35d;  --bg-prj-mo-ban:      #e7fff4;
    --color-prj-dong-ban:    #4b5563;  --bg-prj-dong-ban:    #f3f4f6;
    --color-prj-het-hang:    #ef4444;  --bg-prj-het-hang:    #fef2f2;
    --color-prj-tam-dung:    #4b5563;  --bg-prj-tam-dung:    #f3f4f6;
    --color-prj-hoan-thanh:  #2563eb;  --bg-prj-hoan-thanh:  #eff6ff;
}