/* ============================================================
   EARTH TOKENS — MỆNH THỔ (canonical design tokens)
   -----------------------------------------------------------------
   Nguồn duy nhất: color.md (§15 palette chính + §19 contrast/chart)
   Load sau tabler.min.css, trước admin-style.css (head.blade.php).

   Bộ này:
   1) Định nghĩa token Earth canonical (§15).
   2) Remap các namespace cũ (--dgp-*, --dash-*, --task-*) làm
      compatibility aliases -> module code cũ đổi màu theo luôn.
   3) Override --tblr-* (primary -> nâu đất) + patch rule hardcode
      #0054a6/#2fb344 của Tabler mà CSS variable không với tới.
   4) Định nghĩa chart palette (§19.4) + contrast-safe ink tokens.

   KHÔNG tự phát minh hex mới ngoài color.md.
   ============================================================ */

:root {
  /* ==================================================
     BRAND — EARTH / MỆNH THỔ  (color.md §15)
     ================================================== */
  --primary: #8B5E3C;
  --primary-hover: #704528;
  --primary-active: #5C3D2E;
  --primary-light: #F3E9E1;

  --secondary: #C9963E;
  --secondary-hover: #B9842E;
  --secondary-light: #F7EACC;

  --accent: #E07A3F;
  --accent-hover: #D96C32;
  --accent-light: #FDE8D8;

  --accent-purple: #7A5C7E;
  --accent-purple-light: #F1E8F1;

  --accent-pink: #C97B7B;
  --accent-pink-light: #FAE8E5;

  /* ==================================================
     NEUTRAL
     ================================================== */
  --body-bg: #F7F6F4;
  --surface: #FFFFFF;
  --surface-hover: #FCFAF8;

  --border: #E8E3DD;
  --border-strong: #DDD6CF;

  --text-primary: #29231F;
  --text-secondary: #756C64;
  --text-muted: #A69E97;
  --text-inverse: #FFFFFF;

  /* Contrast-safe ink variants (color.md §19.3) */
  --ink-strong: #29231F;
  --ink-gold: #8C621F;
  --ink-orange: #9E4324;
  --ink-success: #2F7054;
  --ink-warning: #A96E10;
  --ink-danger: #9F3939;
  --ink-info: #365C7A;
  --ink-purple: #5F3B52;
  --ink-pink: #A65661;

  /* ==================================================
     SEMANTIC
     ================================================== */
  --success: #3F8F6B;
  --success-light: #E8F5EE;
  --success-dark: #2F7054;

  --warning: #D99A2B;
  --warning-light: #FFF6E1;
  --warning-dark: #A96E10;

  --danger: #C94F4F;
  --danger-light: #FDECEC;
  --danger-dark: #9F3939;

  --info: #4C7A9E;
  --info-light: #EAF2F7;
  --info-dark: #365C7A;

  /* ==================================================
     MODULE COLORS
     ================================================== */
  --module-dashboard: #8B5E3C;
  --module-project: #4C7A9E;
  --module-task: #7A5C7E;
  --module-attendance: #3F8F6B;
  --module-finance: #C9963E;
  --module-report: #E07A3F;
  --module-customer: #C97B7B;

  /* ==================================================
     STATUS — BUSINESS STATES
     ================================================== */
  --status-new: #7C8A96;
  --status-progress: #4C7A9E;
  --status-pending: #D99A2B;
  --status-completed: #3F8F6B;
  --status-overdue: #C94F4F;
  --status-cancelled: #8C8580;

  /* ==================================================
     FINANCE / ATTENDANCE
     ================================================== */
  --finance-income: #3F8F6B;
  --finance-income-light: #E8F5EE;
  --finance-expense: #C94F4F;
  --finance-expense-light: #FDECEC;
  --finance-overview: #C9963E;
  --finance-overview-light: #F7EACC;

  --attendance-checked: #3F8F6B;
  --attendance-missing: #C94F4F;
  --attendance-leave: #4C7A9E;
  --attendance-late: #D99A2B;

  /* ==================================================
     CHART PALETTE (color.md §19.4)
     ================================================== */
  --chart-1: #8B5E3C;
  --chart-2: #C9963E;
  --chart-3: #E07A3F;
  --chart-4: #7A5C7E;
  --chart-5: #C97B7B;
  --chart-6: #4C7A9E;
  --chart-success: #3F8F6B;
  --chart-warning: #D99A2B;
  --chart-danger: #C94F4F;

  /* ==================================================
     SIDEBAR / LAYOUT
     ================================================== */
  --sidebar-background: #29231F;
  --sidebar-hover: #3A322D;
  --sidebar-active: #4A3A2F;
  --sidebar-text: #BDB5AE;
  --sidebar-text-active: #FFFFFF;
  --sidebar-icon-active: #C9963E;

  --app-background: #F7F6F4;
  --card-background: #FFFFFF;
  --card-border: #E8E3DD;

  /* ==================================================
     COMPATIBILITY ALIASES — namespace cũ trỏ về Earth
     (giữ để module code cũ + style-guide cũ không vỡ)
     ================================================== */

  /* -- dgp-* (admin-style.css cũ)
     LƯU Ý: các alias tên "green" bên dưới là DI SẢN đặt tên từ palette cũ.
     Theo §3 (Mộc tương khắc) xanh lá KHÔNG được làm brand/CTA/accent, nên
     chúng trỏ về nâu đất. Cần xanh lá semantic (success/completed/income)
     thì dùng --success / --ink-success / --success-light, không dùng nhóm này. */
  --dgp-dark: var(--text-primary);
  --dgp-dark-hover: #4A3A2F;
  --dgp-dark-deep: var(--primary-active);
  --dgp-green-deep: var(--primary-hover);
  --dgp-green: var(--primary);
  --dgp-green-fresh: var(--primary);
  --dgp-green-grad: linear-gradient(120deg, var(--primary-hover) 0%, var(--primary) 55%, #A66F3F 100%);
  --dgp-surface: var(--body-bg);
  --dgp-border: var(--border);
  --dgp-text-muted: var(--text-secondary);
  --dgp-text-secondary: var(--text-secondary);
  --dgp-hover-tint: rgba(41, 35, 31, 0.05);
  --dgp-amber: var(--secondary);
  --dgp-amber-soft: var(--secondary-light);
  --dgp-blue: var(--info);
  --dgp-blue-soft: var(--info-light);

  /* -- dash-* (_dashboard-tokens.scss) */
  --dash-brand: var(--primary);
  --dash-brand-rgb: 139, 94, 60;
  --dash-accent: var(--accent);
  --dash-accent-rgb: 224, 122, 63;
  --dash-success: var(--success);
  --dash-warning: var(--warning);
  --dash-danger: var(--danger);
  --dash-info: var(--info);
  --dash-bg: var(--body-bg);
  --dash-surface: var(--surface);
  --dash-surface-2: #F1EDE8;
  --dash-border: var(--border);
  --dash-border-strong: var(--border-strong);
  --dash-text: var(--text-primary);
  --dash-text-muted: var(--text-secondary);
  --dash-text-soft: #8B837B;

  /* -- task-* (app.scss task module) */
  --task-primary: var(--primary);
  --task-success: var(--success);
  --task-warning: var(--warning);
  --task-danger: var(--danger);
  --task-violet: var(--accent-purple);
  --task-surface: var(--surface);
  --task-soft: #F7F6F4;
  --task-muted: var(--text-secondary);
  --task-border: var(--border);
  --task-ink: var(--text-primary);

  /* -- tbrl-* (Tabler) — remap primary + link */
  --tblr-primary: var(--primary);
  --tblr-primary-rgb: 139, 94, 60;
  --tblr-primary-fg: var(--text-inverse);
  --tblr-primary-darken: var(--primary-active);
  --tblr-primary-lt: var(--primary-light);
  --tblr-primary-lt-rgb: 243, 233, 225;
  --tblr-link-color: var(--primary);
  --tblr-link-color-rgb: 139, 94, 60;
  --tblr-link-hover-color: var(--primary-hover);
  --tblr-link-hover-color-rgb: 112, 69, 40;
  --tblr-success: var(--success);
  --tblr-success-rgb: 63, 143, 107;
  --tblr-success-darken: var(--success-dark);
  --tblr-success-lt: var(--success-light);
  --tblr-success-lt-rgb: 232, 245, 238;
  --tblr-warning: var(--warning);
  --tblr-warning-rgb: 217, 154, 43;
  --tblr-warning-darken: var(--warning-dark);
  --tblr-warning-lt: var(--warning-light);
  --tblr-warning-lt-rgb: 255, 246, 225;
  --tblr-danger: var(--danger);
  --tblr-danger-rgb: 201, 79, 79;
  --tblr-danger-darken: var(--danger-dark);
  --tblr-danger-lt: var(--danger-light);
  --tblr-danger-lt-rgb: 253, 236, 236;
  --tblr-info: var(--info);
  --tblr-info-rgb: 76, 122, 158;
  --tblr-info-darken: var(--info-dark);
  --tblr-info-lt: var(--info-light);
  --tblr-info-lt-rgb: 234, 242, 247;
}

/* ==================================================
   PATCH — rule Tabler hardcode #0054a6 / #2fb344
   mà override --tblr-* không với tới được.
   (Chỉ những rule hiển thị thực tế.)
   ================================================== */
.btn-link,
.page-link:hover .page-item-title {
  color: var(--tblr-primary) !important;
}

.loader {
  color: var(--tblr-primary) !important;
}

.status-primary,
.status-blue,
.status-tabler {
  --tblr-status-color: var(--tblr-primary);
  --tblr-status-color-rgb: var(--tblr-primary-rgb);
}

.toast-primary,
.toast-blue,
.toast-tabler {
  --tblr-toast-color: var(--tblr-primary);
}

.border-primary,
.border-blue,
.border-tabler {
  border-color: var(--tblr-primary) !important;
}

.list-group-item.active {
  border-left-color: var(--tblr-primary);
}

.status-success,
.status-green {
  --tblr-status-color: var(--tblr-success);
  --tblr-status-color-rgb: var(--tblr-success-rgb);
}

.toast-success,
.toast-green {
  --tblr-toast-color: var(--tblr-success);
}

.border-success,
.border-green {
  border-color: var(--tblr-success) !important;
}

/* ==================================================
   GHOST / SIDEBAR nhúng (app.scss cũ định nghĩa sidebar
   riêng, nhưng token layout ở đây phủ cho mọi context)
   ================================================== */
body,
html {
  background: var(--body-bg);
  color: var(--text-primary);
}

/* Form control focus về đúng brand earth */
.form-control:focus,
.form-select:focus,
.form-check-input:focus {
  border-color: var(--tblr-primary);
}