/* PETSCAN 360 · design tokens — đổi bảng màu chỉ cần sửa file này.
   Nền và xanh lá lấy theo phần mềm Bark Park; sage/teal/coral theo bản yêu cầu PET-FIRST (đề xuất, chưa phải màu thương hiệu chính thức). */
:root{
  --bg:#F5F2EA;            /* ngà ấm */
  --bg-2:#ECEFE4;          /* ngà xanh (Bark Park paper) */
  --surface:#FFFFFF;
  --ink:#1F2A24;           /* chữ chính, than xanh */
  --ink-2:#12301D;         /* xanh rừng Bark Park */
  --muted:#5E6A62;
  --line:rgba(18,48,29,.12);
  --sage:#5E8C61;          /* nhấn chính */
  --sage-d:#2E6B3C;        /* xanh cỏ Bark Park */
  --sage-soft:#E3ECDF;
  --teal:#2A7F7A;
  --teal-soft:#DDEFEC;
  --sand:#E9D9C2;
  --coral:#C96F53;
  --coral-soft:#F7E4DC;
  --ball:#D8EC3F;          /* viền focus Bark Park */
  --ok:#2F7D46;  --ok-soft:#E1F0E4;
  --amber:#B7791F; --amber-soft:#FBF0D9;
  --bad:#B4413A; --bad-soft:#F8E0DC;
  --dog:#B07A3C; --dog-soft:#F4E7D6;   /* nhận diện chó: nâu vàng */
  --cat:#5B6C8F; --cat-soft:#E3E8F2;   /* nhận diện mèo: xám xanh */
  --r-sm:10px; --r:16px; --r-lg:24px; --r-xl:32px;
  --shadow:0 1px 2px rgba(18,48,29,.06),0 8px 24px rgba(18,48,29,.06);
  --shadow-h:0 2px 4px rgba(18,48,29,.08),0 14px 32px rgba(18,48,29,.10);
  --font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --display:'Bricolage Grotesque','Be Vietnam Pro',system-ui,sans-serif;
  --side:248px;
}