/* ============================================
   Theme Mặc Định - Default Theme
   ============================================ */

/* Theme Sáng: Sạch sẽ, độ tương phản cao, nền trắng chuẩn */
[data-theme='light'] {
  /* Chính (Primary): Xanh dương đậm hơn một chút để rõ nét trên nền sáng */
  --p: from #005bc4 l a b;
  /* Nội dung trên nền Chính: Trắng */
  --pc: from #ffffff l a b;
  
  /* Phụ (Secondary): Cam đậm hơn để dễ đọc */
  --s: from #d95d0a l a b;
  --sc: from #ffffff l a b;
  
  /* Nền (Base): Sử dụng các tông màu xám trung tính và sáng hơn */
  --b1: from #ffffff l a b; /* Nền chính trắng tinh */
  --b2: from #f8fafc l a b; /* Nền phụ xám rất nhạt */
  --b3: from #f1f5f9 l a b; /* Viền hoặc nền cấp 3 */
  
  /* Nội dung trên nền (Văn bản): Gần như đen để dễ đọc nhất */
  --bc: from #0f172a l a b; 
  
  /* Các màu trạng thái (Info, Success, Warning, Error) được tinh chỉnh lại */
  --in: from #6366f1 l a b;
  --inc: from #ffffff l a b;
  --su: from #22c55e l a b;
  --suc: from #ffffff l a b;
  --wa: from #eab308 l a b;
  --wac: from #ffffff l a b;
  --er: from #ef4444 l a b;
  --erc: from #ffffff l a b;
  /* Màu nền bảng (đặc, không trong suốt) */
  --table-body-bg: from #f9fafb l a b;
}

/* Theme Tối: Sâu hơn, bớt ám xanh, dễ chịu cho mắt */
[data-theme='dark'] {
  /* Chính (Primary): Xanh dương sáng hơn để "nổi" trên nền tối */
  --p: from #3b82f6 l a b;
  /* Nội dung trên nền Chính: Đen tối */
  --pc: from #0f172a l a b;
  
  /* Phụ (Secondary): Cam sáng hơn */
  --s: from #f97316 l a b;
  --sc: from #0f172a l a b;
  
  /* Nền (Base): Sử dụng các tông màu "xám đá phiến" (Slate gray) sâu và trung tính */
  --b1: from #0f172a l a b; /* Nền chính rất tối (gần đen) */
  --b2: from #1e293b l a b; /* Nền phụ sáng hơn một chút */
  --b3: from #334155 l a b; /* Viền hoặc nền cấp 3 */
  
  /* Nội dung trên nền (Văn bản): Trắng ngà, không dùng trắng tinh gây chói */
  --bc: from #f8fafc l a b;
  
  /* Các màu trạng thái cho nền tối */
  --in: from #818cf8 l a b;
  --inc: from #0f172a l a b;
  --su: from #4ade80 l a b;
  --suc: from #0f172a l a b;
  --wa: from #facc15 l a b;
  --wac: from #0f172a l a b;
  --er: from #f87171 l a b;
  --erc: from #0f172a l a b;

  /* Màu nền bảng (đặc, không trong suốt) */
  --table-body-bg: from #1e293b l a b;
}

/* ============================================
   🌸 Pastel Dream - Theme Pastel nhẹ nhàng
   ============================================ */

[data-theme='pastel-light'] {
  --p: from #ec4899 l a b; /* Hồng pastel */
  --pc: from #ffffff l a b;
  --s: from #a78bfa l a b; /* Tím pastel */
  --sc: from #ffffff l a b;
  --b1: from #fef3f8 l a b; /* Nền hồng rất nhạt */
  --b2: from #fce7f3 l a b;
  --b3: from #fbcfe8 l a b;
  --bc: from #1f2937 l a b;
  --in: from #818cf8 l a b;
  --inc: from #ffffff l a b;
  --su: from #6ee7b7 l a b; /* Xanh mint */
  --suc: from #ffffff l a b;
  --wa: from #fbbf24 l a b;
  --wac: from #ffffff l a b;
  --er: from #f472b6 l a b;
  --erc: from #ffffff l a b;
  --table-body-bg: from #fce7f3 l a b;
}

[data-theme='pastel-dark'] {
  --p: from #f472b6 l a b;
  --pc: from #1f1122 l a b;
  --s: from #c4b5fd l a b;
  --sc: from #1f1122 l a b;
  --b1: from #1f1122 l a b; /* Nền tối hồng */
  --b2: from #2d1b2e l a b;
  --b3: from #3d2540 l a b;
  --bc: from #f3e8ff l a b;
  --in: from #a5b4fc l a b;
  --inc: from #1f1122 l a b;
  --su: from #86efac l a b;
  --suc: from #1f1122 l a b;
  --wa: from #fcd34d l a b;
  --wac: from #1f1122 l a b;
  --er: from #fb7185 l a b;
  --erc: from #1f1122 l a b;
  --table-body-bg: from #2d1b2e l a b;
}

/* ============================================
   🌊 Ocean Breeze - Theme Biển Cả
   ============================================ */

[data-theme='ocean-light'] {
  --p: from #0ea5e9 l a b; /* Xanh dương biển */
  --pc: from #ffffff l a b;
  --s: from #fb923c l a b; /* Cam san hô */
  --sc: from #ffffff l a b;
  --b1: from #f0f9ff l a b; /* Nền xanh rất nhạt */
  --b2: from #e0f2fe l a b;
  --b3: from #bae6fd l a b;
  --bc: from #0c4a6e l a b; /* Text xanh đậm */
  --in: from #06b6d4 l a b; /* Cyan */
  --inc: from #ffffff l a b;
  --su: from #10b981 l a b;
  --suc: from #ffffff l a b;
  --wa: from #f59e0b l a b;
  --wac: from #ffffff l a b;
  --er: from #ef4444 l a b;
  --erc: from #ffffff l a b;

  /* Màu nền bảng (đặc) */
  --table-body-bg: from #E4F6FE l a b;
}

[data-theme='ocean-dark'] {
  --p: from #38bdf8 l a b;
  --pc: from #082f49 l a b;
  --s: from #fdba74 l a b;
  --sc: from #082f49 l a b;
  --b1: from #082f49 l a b; /* Nền xanh đậm sâu */
  --b2: from #0c4a6e l a b;
  --b3: from #075985 l a b;
  --bc: from #e0f2fe l a b;
  --in: from #22d3ee l a b;
  --inc: from #082f49 l a b;
  --su: from #34d399 l a b;
  --suc: from #082f49 l a b;
  --wa: from #fbbf24 l a b;
  --wac: from #082f49 l a b;
  --er: from #f87171 l a b;
  --erc: from #082f49 l a b;

  /* Màu nền bảng (đặc) */
  --table-body-bg: from #0c4a6e l a b;
}

/* ============================================
   🌙 Midnight Purple - Theme Tím Sang Trọng
   ============================================ */

[data-theme='midnight-light'] {
  --p: from #7c3aed l a b; /* Tím đậm */
  --pc: from #ffffff l a b;
  --s: from #f59e0b l a b; /* Vàng gold */
  --sc: from #ffffff l a b;
  --b1: from #faf5ff l a b; /* Nền tím rất nhạt */
  --b2: from #f3e8ff l a b;
  --b3: from #e9d5ff l a b;
  --bc: from #3b0764 l a b; /* Text tím đậm */
  --in: from #8b5cf6 l a b;
  --inc: from #ffffff l a b;
  --su: from #10b981 l a b;
  --suc: from #ffffff l a b;
  --wa: from #fbbf24 l a b;
  --wac: from #ffffff l a b;
  --er: from #ef4444 l a b;
  --erc: from #ffffff l a b;
  --table-body-bg: from #f3e8ff l a b;
}

[data-theme='midnight-dark'] {
  --p: from #a78bfa l a b;
  --pc: from #1e1b4b l a b;
  --s: from #fbbf24 l a b;
  --sc: from #1e1b4b l a b;
  --b1: from #1e1b4b l a b; /* Nền tím đậm */
  --b2: from #312e81 l a b;
  --b3: from #4c1d95 l a b;
  --bc: from #ede9fe l a b;
  --in: from #c4b5fd l a b;
  --inc: from #1e1b4b l a b;
  --su: from #34d399 l a b;
  --suc: from #1e1b4b l a b;
  --wa: from #fcd34d l a b;
  --wac: from #1e1b4b l a b;
  --er: from #f87171 l a b;
  --erc: from #1e1b4b l a b;
  --table-body-bg: from #312e81 l a b;
}

/* ============================================
   🍃 Nature Green - Theme Xanh Tự Nhiên
   ============================================ */

[data-theme='nature-light'] {
  --p: from #16a34a l a b; /* Xanh lá */
  --pc: from #ffffff l a b;
  --s: from #92400e l a b; /* Nâu đất */
  --sc: from #ffffff l a b;
  --b1: from #f7fee7 l a b; /* Nền xanh nhạt */
  --b2: from #ecfccb l a b;
  --b3: from #d9f99d l a b;
  --bc: from #14532d l a b; /* Text xanh đậm */
  --in: from #06b6d4 l a b;
  --inc: from #ffffff l a b;
  --su: from #22c55e l a b;
  --suc: from #ffffff l a b;
  --wa: from #eab308 l a b;
  --wac: from #ffffff l a b;
  --er: from #dc2626 l a b;
  --erc: from #ffffff l a b;
  --table-body-bg: from #ecfccb l a b;
}

[data-theme='nature-dark'] {
  --p: from #4ade80 l a b;
  --pc: from #14532d l a b;
  --s: from #d97706 l a b;
  --sc: from #14532d l a b;
  --b1: from #14532d l a b; /* Nền xanh đậm */
  --b2: from #166534 l a b;
  --b3: from #15803d l a b;
  --bc: from #dcfce7 l a b;
  --in: from #22d3ee l a b;
  --inc: from #14532d l a b;
  --su: from #86efac l a b;
  --suc: from #14532d l a b;
  --wa: from #facc15 l a b;
  --wac: from #14532d l a b;
  --er: from #f87171 l a b;
  --erc: from #14532d l a b;
  --table-body-bg: from #166534 l a b;
}

/* ============================================
   🔥 Vibrant Sunset - Theme Hoàng Hôn Rực Rỡ
   ============================================ */

[data-theme='sunset-light'] {
  --p: from #f97316 l a b; /* Cam đậm */
  --pc: from #ffffff l a b;
  --s: from #dc2626 l a b; /* Đỏ */
  --sc: from #ffffff l a b;
  --b1: from #fff7ed l a b; /* Nền cam nhạt */
  --b2: from #ffedd5 l a b;
  --b3: from #fed7aa l a b;
  --bc: from #7c2d12 l a b; /* Text cam đậm */
  --in: from #8b5cf6 l a b;
  --inc: from #ffffff l a b;
  --su: from #10b981 l a b;
  --suc: from #ffffff l a b;
  --wa: from #f59e0b l a b;
  --wac: from #ffffff l a b;
  --er: from #dc2626 l a b;
  --erc: from #ffffff l a b;
  --table-body-bg: from #ffedd5 l a b;
}

[data-theme='sunset-dark'] {
  --p: from #fb923c l a b;
  --pc: from #431407 l a b;
  --s: from #ef4444 l a b;
  --sc: from #431407 l a b;
  --b1: from #431407 l a b; /* Nền cam đậm */
  --b2: from #7c2d12 l a b;
  --b3: from #9a3412 l a b;
  --bc: from #fed7aa l a b;
  --in: from #a78bfa l a b;
  --inc: from #431407 l a b;
  --su: from #34d399 l a b;
  --suc: from #431407 l a b;
  --wa: from #fbbf24 l a b;
  --wac: from #431407 l a b;
  --er: from #f87171 l a b;
  --erc: from #431407 l a b;
  --table-body-bg: from #7c2d12 l a b;
}

/* ============================================
   💎 Luxury Dark - Theme Đen Sang Trọng
   ============================================ */

[data-theme='luxury-light'] {
  --p: from #0f172a l a b; /* Đen xanh */
  --pc: from #fbbf24 l a b; /* Gold */
  --s: from #92400e l a b; /* Nâu đồng */
  --sc: from #fef3c7 l a b;
  --b1: from #f8fafc l a b; /* Nền xám nhạt */
  --b2: from #f1f5f9 l a b;
  --b3: from #e2e8f0 l a b;
  --bc: from #0f172a l a b;
  --in: from #475569 l a b;
  --inc: from #ffffff l a b;
  --su: from #059669 l a b;
  --suc: from #ffffff l a b;
  --wa: from #d97706 l a b;
  --wac: from #ffffff l a b;
  --er: from #dc2626 l a b;
  --erc: from #ffffff l a b;
  --table-body-bg: from #f1f5f9 l a b;
}

[data-theme='luxury-dark'] {
  --p: from #fbbf24 l a b; /* Gold */
  --pc: from #0f172a l a b;
  --s: from #f59e0b l a b; /* Vàng đồng */
  --sc: from #0f172a l a b;
  --b1: from #000000 l a b; /* Nền đen tuyền */
  --b2: from #0f172a l a b;
  --b3: from #1e293b l a b;
  --bc: from #f1f5f9 l a b; /* Text sáng */
  --in: from #94a3b8 l a b;
  --inc: from #0f172a l a b;
  --su: from #10b981 l a b;
  --suc: from #0f172a l a b;
  --wa: from #f59e0b l a b;
  --wac: from #0f172a l a b;
  --er: from #ef4444 l a b;
  --erc: from #0f172a l a b;
  --table-body-bg: from #0f172a l a b;
}