/* ============================================================
   tokens.css — Bộ màu / bo góc / font dùng chung cho CẢ web
   Lấy từ thiết kế nhatro.pen (Navy + Gold · Inter).
   Sửa 1 chỗ ở đây → đổi toàn bộ giao diện.
   ============================================================ */
:root {
  /* ---- Thương hiệu (SPEC v3.6 — lấy từ logo thật) ---- */
  --primary: #000000;        /* đen chủ đạo */
  --primary-hover: #242424;
  --primary-fg: #FFFFFF;     /* chữ trên nền primary */
  --primary-soft: #E8E6E1;
  --gold: #FFDE59;           /* VÀNG LOGO — chỉ dùng cho mảng màu / nền tối */
  --gold-shade: #E5C64A;     /* mặt tối khối 3D trong logo / hover */
  --gold-soft: #FFF7DB;      /* nền badge / highlight */
  --gold-fg: #5C4600;        /* chữ/icon vàng ĐẬM trên nền sáng (đọc được) */
  --on-gold: #17171A;        /* chữ/icon đặt TRÊN nền vàng */

  /* ---- Nền & bề mặt (xám ngả ấm, hoà với vàng) ---- */
  --bg: #F7F6F3;             /* nền trang */
  --card: #FFFFFF;           /* nền thẻ */
  --fg: #17171A;             /* chữ chính */
  --muted: #F0EFEC;          /* nền phụ */
  --muted-fg: #5F5E63;       /* chữ phụ / xám */
  --border: #E4E2DD;         /* đường viền */
  --input: #D6D3CC;          /* viền ô nhập */

  /* ---- Trạng thái ---- */
  --success: #127A3E;  --success-soft: #E4F5EC;   /* còn trống / thành công */
  --warning: #9A5B00;  --warning-soft: #FBF0DC;   /* cảnh báo */
  --danger:  #B32619;  --danger-hover: #8F1E14;  --danger-soft:  #FBE7E4;   /* lỗi / hết phòng */
  --info:    #1D4FA8;  --info-soft:    #E6EEFA;   /* thông tin */

  /* ---- Khu nội bộ (sidebar nền tối) ---- */
  --sidebar: #000000;
  --sidebar-fg: #A3A3A3;
  --sidebar-active: #242424;
  --sidebar-active-fg: #FFFFFF;
  --sidebar-icon: #8A8A8A;
  --sidebar-card: #141414;
  --sidebar-border: #2A2A2A;
  --sidebar-text-dim: #C9C7C2;

  /* ---- Bo góc ---- */
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 16px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* ---- Font ---- */
  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  /* ---- Bố cục ---- */
  --header-h: 76px;
  --page-max: 1344px;   /* bề rộng nội dung tối đa (khớp thiết kế 1440 - 2*48) */
  --shadow-card: 0 1px 2px rgba(20,26,36,.04);
  --shadow-hover: 0 12px 28px rgba(20,26,36,.12);
}