/* color.css - Hệ thống biến màu chuẩn cho M1S global */

:root {
  /* Nền và Chữ cơ bản (Base page style) */
  --bg-page: #f9fafb; /* bg-zinc-50 */
  --text-primary: #18181b; /* text-zinc-900 */
  --text-secondary: #71717a; /* text-zinc-500 */
  
  /* Topbar Colors */
  --topbar-bg: rgba(255, 255, 255, 0.8);
  --topbar-border: #e4e4e7; /* border-zinc-200 */
  --topbar-text: #18181b; /* text-zinc-900 */
  
  /* Sidebar Colors */
  --sidebar-bg: #ffffff;
  --sidebar-border: #e4e4e7;
  --sidebar-text: #27272a; /* text-zinc-800 */
  
  /* Card / Box Colors */
  --card-bg: #ffffff;
  --card-border: #e4e4e7;
  
  /* Link Colors (dùng chung cho Admin/Operator và Guest/Member) */
  --link-primary: #686bf5;
  --link-primary-hover: #4739d5;

  /* Button Colors - Primary (Xanh dương pha Tím than, dùng chung cho Admin/Operator và Guest/Member) */
  --btn-primary-bg: #686bf5;
  --btn-primary-bg-hover: #564aeb;
  --btn-primary-text: #ffffff;

  /* Button Colors - Secondary */
  --btn-secondary-bg: #ffffff;
  --btn-secondary-bg-hover: #f4f4f5;
  --btn-secondary-border: #e4e4e7;
  --btn-secondary-text: #27272a;
  
  /* Button Colors - Danger */
  --btn-danger-bg: #dc2626;
  --btn-danger-bg-hover: #b91c1c;
  --btn-danger-text: #ffffff;
}

.dark {
  /* Nền và Chữ cơ bản (Base page style) */
  --bg-page: #0a0714; /* Tối ám tím */
  --text-primary: #f4f4f5; /* text-zinc-100 */
  --text-secondary: #a1a1aa; /* text-zinc-400 */
  
  /* Topbar Colors */
  --topbar-bg: rgba(10, 7, 20, 0.8);
  --topbar-border: #27272a; /* border-zinc-800 */
  --topbar-text: #f4f4f5; /* text-zinc-100 */
  
  /* Sidebar Colors */
  --sidebar-bg: #0a0714;
  --sidebar-border: #27272a;
  --sidebar-text: #a1a1aa;
  
  /* Card / Box Colors */
  --card-bg: #18181b; /* dark:bg-zinc-900 */
  --card-border: #27272a; /* dark:border-zinc-800 */
  
  /* Link Colors (dùng chung cho Admin/Operator và Guest/Member) */
  --link-primary: #8594f9;
  --link-primary-hover: #a9bbfd;

  /* Button Colors - Primary (Xanh dương pha Tím than, dùng chung cho Admin/Operator và Guest/Member) */
  --btn-primary-bg: #686bf5;
  --btn-primary-bg-hover: #564aeb;
  --btn-primary-text: #ffffff;

  /* Button Colors - Secondary */
  --btn-secondary-bg: #18181b;
  --btn-secondary-bg-hover: #27272a;
  --btn-secondary-border: #27272a;
  --btn-secondary-text: #e4e4e7;
  
  /* Button Colors - Danger */
  --btn-danger-bg: #dc2626;
  --btn-danger-bg-hover: #b91c1c;
  --btn-danger-text: #ffffff;
}