/* DK Harvest Workspace — design tokens
   Màu lấy từ CSS của dkharvest.com, đã hiệu chỉnh tương phản WCAG AA. */
:root{
  /* bề mặt */
  --ground:#F4F0E6;        /* nền trang */
  --panel:#FFFDF9;         /* khung nội dung — không dùng trắng tinh */
  --panel-2:#FCF9F2;       /* nền phụ: sidebar, đầu bảng */
  /* chữ */
  --ink:#2B2622;           /* chữ chính · 14.7 trên panel */
  --ink-2:#57504A;         /* chữ phụ · 7.8 */
  --muted:#756C63;         /* nhãn, chú thích · 5.1 */
  /* đường kẻ */
  --hair:#DBD1BD;          /* viền thẻ, kẻ bảng */
  --hair-2:#F0E9DC;        /* kẻ mảnh trong thẻ */
  /* thương hiệu — KHÔNG dùng làm màu cảnh báo */
  --brand:#E4A02A;         /* nền nút chính, mark logo */
  --brand-d:#C9861A;       /* hover */
  --brand-ink:#8A5A08;     /* chữ & icon trên nền sáng · 5.8 */
  --brand-soft:#FBF0DA;    /* nền ô menu đang chọn */
  --brown:#3A2A1B;         /* chữ TRÊN nút vàng cam · 6.1 (không dùng #fff: chỉ 2.2) */
  /* ngữ nghĩa */
  --good:#246747; --good-soft:#E6F1EB;    /* đang chạy / đạt · 5.8 */
  --alert:#9C4029; --alert-soft:#F9E9E4;  /* trễ hạn / vượt ngưỡng · 5.6 */
  /* chữ */
  --sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* bo góc */
  --r-app:16px; --r-card:13px; --r-nav:9px;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ground:#13100C; --panel:#1B1712; --panel-2:#211C16;
    --ink:#F4EFE5; --ink-2:#CFC7BA; --muted:#948B7E;
    --hair:#2B251D; --hair-2:#241F18;
    --brand:#F0B347; --brand-d:#E4A02A; --brand-ink:#F0B347; --brand-soft:#2C2113;
    --brown:#F4EFE5;
    --good:#5FBF95; --good-soft:#17281F;
    --alert:#D9806B; --alert-soft:#2C1A15;
  }
}
:root[data-theme="dark"]{
  --ground:#13100C; --panel:#1B1712; --panel-2:#211C16;
  --ink:#F4EFE5; --ink-2:#CFC7BA; --muted:#948B7E;
  --hair:#2B251D; --hair-2:#241F18;
  --brand:#F0B347; --brand-d:#E4A02A; --brand-ink:#F0B347; --brand-soft:#2C2113;
  --brown:#F4EFE5;
  --good:#5FBF95; --good-soft:#17281F;
  --alert:#D9806B; --alert-soft:#2C1A15;
}