/* dilo-tokens.css. MỘT nguồn sự thật cho dashboard SÁNG (admin + shop + kho đồ).
   PROMPT 47. Nạp TRƯỚC admin.css / shop.css. Các class cũ đã dùng var(--...) với
   fallback nên chỉ cần :root này là tự ăn. Đừng gõ hex mới, đọc biến ở đây. */
:root {
  /* Nền và bề mặt */
  --bg:           #f5f4f2;   /* canvas trắng ngà ấm, KHÔNG phải xám phẳng */
  --surface:      #ffffff;   /* thẻ */
  --surface-2:    #faf9f7;   /* ô lồng nhẹ */
  --surface-hover:#f2f0ec;   /* hover dòng/ô */
  /* Chữ */
  --text:         #1c1a17;
  --text-2:       #6f6a62;
  --text-3:       #9b968c;   /* placeholder, phụ chú */
  /* Viền + bóng */
  --border:       #eae7e1;   /* hairline */
  --border-2:     #dcd8d0;   /* viền rõ hơn */
  --shadow-sm:    0 1px 2px rgba(20,15,10,.05);
  --shadow:       0 1px 3px rgba(20,15,10,.05), 0 8px 24px rgba(20,15,10,.06);
  /* Thương hiệu + ngữ nghĩa */
  --accent:       #d14828;   /* cam DILO, DÙNG TIẾT CHẾ */
  --accent-weak:  #fbeee9;   /* nền nhạt cho chip/active */
  --ok:           #1f8f5a;
  --ok-weak:      #e8f5ee;
  --warn:         #c98a1e;
  --warn-weak:    #fbf1de;
  --danger:       #c0392b;
  --danger-weak:  #fbecea;
  --info:         #3b6fd1;
  --info-weak:    #eaf0fb;
  /* Bo góc */
  --r-sm: 8px; --r: 12px; --r-lg: 16px; --r-pill: 999px;
  /* Nhịp cách (khớp iOS DiloSpacing) */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s8:32px;
}