/* ============================================================
   TOKEN MÀU + CHỮ — nguồn DUY NHẤT của mọi mã màu trong admin Báo giá.
   Khối brand chép nguyên từ PNE-corp designs/brand-tokens.md mục 1
   (Brand Guidelines v2, tr.11–13). ⛔ Không thêm mã màu ở file khác.
   Nạp SAU tabler-1.4.0.min.css để đè biến --tblr-*.
   ============================================================ */
:root{
  /* PNE RED · 13 tone — Brand Guidelines tr.12, neo tại tone 50 */
  --r0:#000000;--r10:#410001;--r20:#6A0D10;--r30:#931518;--r40:#B81C20;
  --r50:#D12026;  /* ★ màu thương hiệu chính: logo, CTA, accent */
  --r60:#E04146;--r70:#EB6E72;--r80:#F39CA0;--r90:#FACFD1;--r95:#FDE5E6;--r99:#FFF8F8;--r100:#FFFFFF;

  /* PNE NEUTRAL · 13 tone — tr.13, trung tính ấm, neo tại tone 95 */
  --n0:#000000;--n10:#1A1A1B;--n20:#2E2E2F;--n30:#454547;--n40:#5D5D5F;--n50:#767678;
  --n60:#909092;--n70:#ABABAD;--n80:#C7C7C8;--n90:#E3E3E4;
  --n95:#F1F1F1;  /* ★ nền mặc định */
  --n99:#FAFAFA;--n100:#FFFFFF;

  /* Functional — UI state, tr.11 */
  --success:#1F7A3D;--warning:#C77700;--error:#D12026;--info:#1A5FAF;

  --ff:'Be Vietnam Pro','Noto Sans Kirin','Segoe UI',Arial,sans-serif; /* #6-M3 + #6-M3b */
}

/* ── Biến khung admin (.adm-*) — khai lại BẰNG token brand ── */
:root{
  --adm-red: var(--r50); --adm-red-deep: var(--r40); --adm-red-soft: var(--r95);
  --adm-ink: var(--n10); --adm-muted: var(--n40); --adm-faint: var(--n60);
  --adm-line: var(--n90); --adm-bg: var(--n95); --adm-surface: var(--n100); --adm-hover: var(--n99);
  --adm-shadow: color-mix(in srgb, var(--n0) 18%, transparent);
  --adm-backdrop: color-mix(in srgb, var(--n0) 35%, transparent);
}

/* ── Biến bộ chuẩn .aui — khai lại BẰNG token brand ── */
:root{
  --aui-red: var(--r50); --aui-red-dark: var(--r40); --aui-red-soft: var(--r95); --aui-red-line: var(--r90);
  --aui-green: var(--success); --aui-green-soft: color-mix(in srgb, var(--success) 12%, var(--n100));
  --aui-amber: var(--warning); --aui-amber-soft: color-mix(in srgb, var(--warning) 12%, var(--n100));
  --aui-blue: var(--info); --aui-blue-soft: color-mix(in srgb, var(--info) 10%, var(--n100));
  --aui-ink: var(--n10); --aui-muted: var(--n40); --aui-faint: var(--n60);
  --aui-line: var(--n90); --aui-line-soft: var(--n95); --aui-bg: var(--n95); --aui-surface: var(--n100);
  --aui-hover: var(--n99); --aui-mute-bg: var(--n95); --aui-mute-ink: var(--n30);
  --aui-r: 14px; --aui-r-sm: 9px;
  --aui-sh: 0 2px 10px color-mix(in srgb, var(--n10) 5%, transparent);
  --aui-focus: color-mix(in srgb, var(--r50) 25%, transparent);
}

/* ── Tabler 1.4 (vendor) — chủ đạo ĐỎ PNE, chữ Be Vietnam Pro, trạng thái theo token Functional ── */
:root{
  --tblr-primary: var(--r50);
  --tblr-primary-rgb: 209, 32, 38;   /* = --r50, Tabler cần dạng số cho rgba() */
  --tblr-primary-fg: var(--n100);
  --tblr-font-sans-serif: var(--ff);
  --tblr-body-font-family: var(--ff);
  --tblr-body-color: var(--n10);
  --tblr-body-bg: var(--n95);
  --tblr-secondary: var(--n40);
  --tblr-border-color: var(--n90);
  --tblr-link-color: var(--r50);
  --tblr-success: var(--success);
  --tblr-warning: var(--warning);
  --tblr-danger: var(--error);
  --tblr-info: var(--info);
}