/* Tahonest — design tokens. NGUỒN DUY NHẤT của bảng màu + vài token layout.
   Nạp bởi:
     - public/assets/style.css        (@import "tokens.css")  → mọi trang marketing + 2 trang tĩnh auth
     - src/components/Head.astro       (<link>)                → khu /internal (Starlight)
   marketing.css / internal.css KHÔNG khai báo màu — chỉ dùng var() từ đây.
   Đổi màu thương hiệu = sửa --brand ở đúng một chỗ này. */

:root {
  --brand: #0f6d5b;        /* xanh Tahonest — cố định, KHÔNG đổi theo theme */

  --bg: #f7f8f8;
  --surface: #ffffff;
  --ink: #1a1d1d;
  --muted: #5b6560;
  --faint: #636a66;        /* ≥ 4.5:1 trên --bg (WCAG AA) — chữ phụ vẫn đọc được */
  --line: #e4e6e4;
  --accent: var(--brand);
  --accent-ink: #ffffff;

  --maxw: 44rem;           /* bề rộng đọc — trang pháp lý; marketing nới .wrap.wide = 58rem */
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #121513;
    --surface: #191d1b;
    --ink: #edefed;
    --muted: #9aa39d;
    --faint: #6b746e;
    --line: #2a2f2c;
    --faint: #868f89;      /* ≥ 4.5:1 trên --bg tối */
    --accent: #3fb89e;     /* sáng hơn --brand cho đủ tương phản trên nền tối */
    --accent-ink: #0c1210;
  }
}