/* ============================================================
   Màu cho trang chủ mới (body class="tc-moi mau-cu"): người dùng thử 2 bản rồi chọn MÀU NHƯ WEB LÚC ĐẦU (02/11/2026).
   Giữ nguyên bố cục, phông chữ, hiệu ứng của css/trang-chu-moi.css; file này chỉ đổi màu:
   nền trắng xen xanh bạc hà rất nhạt, tiêu đề xanh lá đậm, nút xanh lá, điểm nhấn cam dưa, chân trang xanh đậm.
   (Bỏ class "mau-cu" và file này thì trang về bản màu kem, đen.)
   ============================================================ */

.tc-moi.mau-cu {
  --tc-den: #0f172a;
  --tc-chu: #475569;
  --tc-kem: #ffffff;          /* nền trang: trắng */
  --tc-be: #f2faf5;           /* nền phần xen kẽ: xanh bạc hà rất nhạt */
  --tc-kem-hong: #ffffff;     /* thẻ: trắng có viền mảnh */
  --tc-cam: #ea7317;
  --tc-dao: #ffedd5;
  --tc-xam: #dcfce7;
  --tc-xam-dam: #14532d;
}
.tc-moi.mau-cu .tc-phan-cung { background: #f2faf5; }

/* Thẻ trắng viền mảnh, bóng nhẹ như thẻ của web lúc đầu */
.tc-moi.mau-cu .tc-the, .tc-moi.mau-cu .gh-the, .tc-moi.mau-cu .tc-chieu-trai {
  border: 1px solid rgba(15,23,42,.07); box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 8px 24px rgba(15,23,42,.05); }

/* Tiêu đề xanh lá đậm */
.tc-moi.mau-cu .tc-dau-giua h2, .tc-moi.mau-cu .tc-bia h1, .tc-moi.mau-cu .tc-the h3 { color: var(--green-900); }
.co-js .tc-moi.mau-cu .chu-mo { color: rgba(20,83,45,.15); }
.co-js .tc-moi.mau-cu .chu-mo.hien { color: var(--green-900); }
.tc-moi.mau-cu .tc-buoc .so { color: var(--green-700); }
.tc-moi.mau-cu .tc-buoc { border-top-color: rgba(20,83,45,.2); }

/* Ảnh bìa: lớp mờ trắng ánh xanh bạc hà thay cho kem, cụm "giai đoạn sinh trưởng" màu cam như cũ.
   03/11/2026 người dùng thấy "khúc sáng" chói quá: đổi sang xanh bạc hà ngả xám một chút và mỏng hơn */
.tc-moi.mau-cu .tc-bia-anh::after {
  background:
    linear-gradient(to bottom, rgba(222,233,226,.5) 0, rgba(222,233,226,0) 140px),
    linear-gradient(90deg, rgba(222,233,226,.76) 0%, rgba(222,233,226,.64) 32%, rgba(222,233,226,.24) 54%, rgba(222,233,226,0) 66%); }
.tc-moi.mau-cu .tc-bia h1 .tc-nhan-manh { color: var(--melon-600); }

/* Nút: xanh lá như cũ (nút cam giữ nguyên) */
.tc-moi.mau-cu .tc-nut-den, .tc-moi.mau-cu .tc-nut-xam { background: var(--green-600); color: #fff; }
.tc-moi.mau-cu .tc-nut-den:hover, .tc-moi.mau-cu .tc-nut-xam:hover { background: var(--green-700); }
.tc-moi.mau-cu .tc-nut-vien { color: var(--green-700); border-color: var(--green-600); }
.tc-moi.mau-cu .tc-nut-vien:hover { background: var(--green-50); color: var(--green-800); }

/* Ô biểu tượng: xanh nhạt và cam nhạt xen kẽ như các ô biểu tượng lúc đầu */
.tc-moi.mau-cu .tc-o-ic { background: var(--green-100); color: var(--green-800); }
.tc-moi.mau-cu .tc-o-ic .ic-svg { color: var(--green-800); }
.tc-moi.mau-cu .tc-cot .tc-the:nth-child(3) .tc-o-ic { background: var(--melon-100); }
.tc-moi.mau-cu .tc-cot .tc-the:nth-child(3) .tc-o-ic .ic-svg { color: var(--melon-600); }
.tc-moi.mau-cu .gh-xam { color: var(--green-800); }
.tc-moi.mau-cu .gh-cam { color: var(--melon-600); }
.tc-moi.mau-cu .tc-cham button.dang-chon { background: var(--green-700); }

/* Thanh menu: chữ xanh, nút xanh như cũ; cuộn xuống nền trắng */
.tc-moi.mau-cu .site-header .brand, .tc-moi.mau-cu .site-header:not(.scrolled) .brand { color: var(--green-800); }
.tc-moi.mau-cu .site-header:not(.scrolled) .nav-links a { color: var(--slate-700); }
.tc-moi.mau-cu .site-header .nav-links a:hover, .tc-moi.mau-cu .site-header:not(.scrolled) .nav-links a:hover { background: var(--green-50); color: var(--green-800); }
.tc-moi.mau-cu .site-header .nav-links a.active, .tc-moi.mau-cu .site-header:not(.scrolled) .nav-links a.active { background: var(--green-100); color: var(--green-800); }
.tc-moi.mau-cu .site-header .btn-primary { background: var(--green-600); }
.tc-moi.mau-cu .site-header .btn-primary:hover { background: var(--green-700); }
.tc-moi.mau-cu .site-header .btn-ghost, .tc-moi.mau-cu .site-header:not(.scrolled) .btn-ghost { color: var(--green-700); border-color: var(--green-600); }
.tc-moi.mau-cu .site-header .btn-ghost:hover { background: var(--green-50); }
.tc-moi.mau-cu .site-header.scrolled { background: #fff; box-shadow: 0 1px 0 rgba(15,23,42,.06), 0 6px 20px rgba(15,23,42,.05); }

/* Chân trang: giữ dạng thẻ bo góc, đổi sang xanh đậm như chân trang lúc đầu */
.tc-moi.mau-cu .site-footer { background: var(--green-900); color: #cfeeda; }
.tc-moi.mau-cu .site-footer .brand { color: #fff !important; }
.tc-moi.mau-cu .footer-grid > div:first-child p { color: #a7d8bb !important; }
.tc-moi.mau-cu .site-footer h4 { color: #fff; }
.tc-moi.mau-cu .site-footer a { color: #a7d8bb; }
.tc-moi.mau-cu .site-footer a:hover { color: #fff; }
.tc-moi.mau-cu .site-footer a .ic-svg { color: #a7d8bb; }
/* Cách hoạt động: số bước xanh / cam xen kẽ theo màu khung (05/11/2026) */
.tc-moi.mau-cu .tc-buoc:nth-child(even) .so { color: var(--melon-600); }