/* ==========================================================================
   a2bid — THEME FILE
   Đây là file duy nhất cần sửa để đổi màu sắc, font và kích thước logo.
   File được nạp SAU styles.css nên các biến ở đây sẽ ghi đè giao diện gốc.
   Xem docs/THEME.md để biết cách đổi logo, font và các bảng màu mẫu.
   ========================================================================== */

:root {
  /* ---------- Màu nền & chữ ---------- */
  --paper: #f5f8f6;          /* nền chính */
  --paper-2: #e8f0ed;        /* nền phụ */
  --cream: #ffffff;
  --white: #ffffff;
  --ink: #1f2a27;            /* chữ chính */
  --ink-2: #33443f;
  --muted: #667a75;
  --line: #dce7e2;
  --line-strong: #c4d6cf;

  /* ---------- Màu thương hiệu ---------- */
  --brand: #549b90;          /* xanh a2bid */
  --brand-2: #3f8579;
  --brand-soft: #e6f2ef;

  /* ---------- Màu nhấn ---------- */
  --amber: #c9a34a;
  --amber-deep: #a9842f;
  --amber-soft: #f6eedb;
  --coral: #c45b44;
  --coral-soft: #f6e5df;
  --green: #2f7d5a;
  --green-soft: #e5f2ea;
  --ocean: #3f7f8c;
  --ocean-soft: #e4f0f2;

  /* ---------- Font ---------- */
  /* Font hệ thống: không cần tải file, chạy được offline. */
  --sans: "Be Vietnam Pro", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --serif: "Be Vietnam Pro", "Segoe UI", system-ui, sans-serif;

  /* ---------- Logo ---------- */
  /* Đổi file public/assets/logo-mark.svg, hoặc tăng/giảm kích thước tại đây. */
  --logo-size: 42px;

  /* ---------- Nền trang ---------- */
  --glow-amber: rgba(201, 163, 74, 0.08);
  --glow-brand: rgba(84, 155, 144, 0.10);

  /* ---------- Bo góc & bóng ---------- */
  --radius: 18px;
  --radius-sm: 12px;
  --max: 1200px;
  --shadow-sm: 0 2px 8px rgba(22, 42, 46, 0.06);
  --shadow: 0 14px 34px rgba(22, 42, 46, 0.1);
  --shadow-lg: 0 28px 60px rgba(22, 42, 46, 0.16);
}

/* ==========================================================================
   BẢNG MÀU MẪU — bỏ comment một nhóm để đổi nhanh.
   Nhớ đổi meta theme-color trong public/index.html nếu đổi màu chính.
   ========================================================================== */

/*
   A. Xanh navy — sang trọng, hợp tài chính
   :root {
     --paper: #f5f7fa;
     --paper-2: #e8edf4;
     --brand: #163a5f;
     --brand-2: #24547f;
     --brand-soft: #e1ebf5;
     --amber: #d9a441;
     --glow-amber: rgba(217, 164, 65, 0.1);
     --glow-brand: rgba(22, 58, 95, 0.07);
   }
*/

/*
   B. Đỏ đô — ấm, nổi bật
   :root {
     --paper: #fbf5f1;
     --paper-2: #f3e4dc;
     --brand: #7b1f2b;
     --brand-2: #9b2f3d;
     --brand-soft: #f4e1e3;
     --amber: #d79a45;
     --glow-amber: rgba(215, 154, 69, 0.1);
     --glow-brand: rgba(123, 31, 43, 0.07);
   }
*/

/*
   C. Đen & vàng — hiện đại, hợp đồ công nghệ
   :root {
     --paper: #f6f4ee;
     --paper-2: #e9e4d8;
     --brand: #1c1c1c;
     --brand-2: #383838;
     --brand-soft: #ececec;
     --amber: #e2b13c;
     --glow-amber: rgba(226, 177, 60, 0.1);
     --glow-brand: rgba(28, 28, 28, 0.06);
   }
*/

/* ==========================================================================
   FONT MẪU — dùng font hệ thống, không cần Google Fonts.
   ========================================================================== */

/*
   Font tiêu đề kiểu tạp chí:
   --serif: "Playfair Display", "Cambria", Georgia, serif;

   Font tiêu đề hiện đại:
   --serif: "Segoe UI", system-ui, sans-serif;

   Font toàn trang dễ đọc cho người lớn tuổi:
   --sans: "Segoe UI", Tahoma, Verdana, system-ui, sans-serif;
   --serif: "Segoe UI", Tahoma, Verdana, system-ui, sans-serif;
*/