/* ==========================================================================
   Quick Mail Inbox — BẢNG MÀU CHUNG (nguồn duy nhất cho admin + frontend)
   Màu chính của plugin: #0c8fc1. Muốn đổi màu, chỉ sửa file này.
   Các file CSS khác chỉ dùng var(--qmi-*), không viết mã màu trực tiếp.
   ========================================================================== */

:root {
    /* --- Màu chính (brand) --- */
    --qmi-primary:        #0c8fc1;   /* nền nút, viền, nhấn */
    --qmi-primary-rgb:    12, 143, 193;
    --qmi-primary-dark:   #096e95;   /* hover + CHỮ màu chính trên nền sáng (tương phản 5.7:1) */
    --qmi-primary-darker: #074e6a;
    --qmi-primary-soft:   #e7f7fd;   /* nền nhạt: hover dòng, tab, badge */
    --qmi-primary-softer: #f4fbfd;
    --qmi-primary-tint:   #6ccbef;   /* màu chính sáng, dùng trên nền tối */
    --qmi-on-primary:     #ffffff;   /* chữ trên nền màu chính */

    /* --- Nền tối (header / footer) --- */
    --qmi-navy:           #0d2a36;
    --qmi-navy-rgb:       13, 42, 54;
    --qmi-navy-mid:       #0b4c65;
    --qmi-on-dark:        #c6d5dd;
    --qmi-on-dark-muted:  #91a3ac;

    /* --- Trung tính (cùng tông xanh với màu chính) --- */
    --qmi-surface:        #ffffff;
    --qmi-bg:             #f8fbfc;
    --qmi-ink:            #1a2b32;   /* chữ chính */
    --qmi-ink-soft:       #45565f;
    --qmi-muted:          #5c717a;   /* chữ phụ */
    --qmi-muted-soft:     #92a2aa;
    --qmi-line:           #dde5e9;
    --qmi-line-soft:      #eff4f6;
    --qmi-line-strong:    #bdcbd1;

    /* --- Trạng thái (dùng đúng ngữ nghĩa, không dùng để trang trí) --- */
    --qmi-ok:             #16a34a;
    --qmi-ok-soft:        #dcfce7;
    --qmi-ok-ink:         #166534;
    --qmi-bad:            #dc2626;
    --qmi-bad-soft:       #fee2e2;
    --qmi-bad-ink:        #991b1b;
    --qmi-warn:           #d97706;
    --qmi-warn-soft:      #fff8e5;
    --qmi-warn-line:      #f0d58c;
    --qmi-warn-ink:       #4a3b00;
}