/*
 * Bảng màu chung của Trường Nấu Cơm Nhà: trang bán, /ketoan, /tongquan cùng dùng file này.
 * Muốn đổi màu thì đổi ở đây, đừng gõ mã màu thẳng vào từng trang.
 * Chữ trên nền phải đạt tương phản 4.5:1, viền ô nhập 3:1 (chuẩn WCAG AA). Đổi màu xong nhớ đo lại.
 */
:root {
  --bg: #fff6ec;
  --bg-2: #fce3cc;
  --card: #ffffff;
  --ink: #3a2a20;
  --brown: #6b3e26;
  --on-brown: #fff6ec;      /* chữ trên nền nâu */
  --on-brown-2: #ffd9b8;    /* chữ phụ trên nền nâu */
  --on-brown-hi: #ffb47a;   /* nhãn nổi bật trên nền nâu */
  --muted: #6f6054;         /* chữ phụ: 5.6:1 trên nền kem */
  --line: #ecd9c6;          /* đường kẻ trang trí */
  --field: #9c8670;         /* viền ô nhập, nút phụ: 3.2:1 */
  --accent: #b5571a;        /* chỉ dùng cho việc bấm được và giá: 4.5:1 trên kem, chữ trắng 4.8:1 */
  --accent-soft: #e07a2e;   /* cam sáng chỉ để trang trí: vạch, chấm, viền */
  --accent-ink: #ffffff;
  --leaf: #3f6b3a;
  --in: #2e7d4f;
  --out: #c2462b;
  --warn: #8a6400;
  --shadow: 0 10px 30px rgba(107, 62, 38, .12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1c140f; --bg-2: #2a1d15; --card: #2b2019; --ink: #f5ece0; --brown: #3a2418;
    --on-brown: #fff6ec; --on-brown-2: #ffd9b8; --on-brown-hi: #ffb47a;
    --muted: #c2b19f; --line: #3d3128; --field: #86735f;
    --accent: #f08a3c; --accent-soft: #f08a3c; --accent-ink: #1c140f;
    --leaf: #8fbf86; --in: #7cc896; --out: #f08a74; --warn: #f2c063;
    --shadow: 0 10px 30px rgba(0,0,0,.35);
  }
}
:root[data-theme="dark"] {
  --bg: #1c140f; --bg-2: #2a1d15; --card: #2b2019; --ink: #f5ece0; --brown: #3a2418;
  --on-brown: #fff6ec; --on-brown-2: #ffd9b8; --on-brown-hi: #ffb47a;
  --muted: #c2b19f; --line: #3d3128; --field: #86735f;
  --accent: #f08a3c; --accent-soft: #f08a3c; --accent-ink: #1c140f;
  --leaf: #8fbf86; --in: #7cc896; --out: #f08a74; --warn: #f2c063;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
}