/* Tới Rồi — bản C (đường dẫn /c/): khung của bản B, bảng màu xanh lá tươi mát cho khách mê cây cối, du lịch trải nghiệm.
   Nạp sau theme-b.css; chỉ đổi biến màu và vài chi tiết hợp nền sáng.
   Chữ trắng trên nút xanh ≥ 4,4:1, chữ xanh #15803D trên nền #F4FAF5 = 4,7:1. */

:root {
  --ground: #F4FAF5;
  --outside: #EAF5EC;
  --ink: #12372A;
  --teal: #15803D;
  --sky: #7BC74D;
  --sky-text: #15803D;
  --danger: #C62828;

  --accent: #15803D;
  --accent-2: #127438;
  --accent-text: #15803D;
  --on-accent: #FFFFFF;
  --card: #FFFFFF;
  --accent-grad: linear-gradient(180deg, #1F9D55, #127438);
  --accent-glow: 0 12px 24px -12px rgba(var(--accent-rgb), 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
  --lift: 0 16px 36px -20px rgba(20, 83, 45, 0.38);
  --photo-shadow: 0 24px 44px -20px rgba(20, 83, 45, 0.5);

  --accent-rgb: 34, 163, 90;      /* xanh lá tươi cho quầng sáng, nền nhạt */
  --accent2-rgb: 25, 167, 160;    /* xanh ngọc */
  --base-rgb: 244, 250, 245;
  --on-base: #12372A;
  --on-base-rgb: 18, 55, 42;
  --pic-bg: #E3F1E6;
  --leaf: #D9F99D;                /* xanh nõn chuối cho nhãn "Thử free", "Hot" */
  --leaf-ink: #14532D;
}

body {
  background:
    radial-gradient(900px 520px at 0% -8%, rgba(var(--accent-rgb), 0.22), transparent 62%),
    radial-gradient(800px 480px at 100% 0%, rgba(var(--accent2-rgb), 0.18), transparent 60%),
    radial-gradient(700px 420px at 50% 110%, rgba(190, 230, 120, 0.25), transparent 65%),
    var(--outside);
}
@media (min-width: 1024px) {
  body {
    background:
      radial-gradient(1100px 620px at 8% -6%, rgba(var(--accent-rgb), 0.22), transparent 62%),
      radial-gradient(900px 560px at 100% 0%, rgba(var(--accent2-rgb), 0.18), transparent 60%),
      radial-gradient(1000px 520px at 50% 108%, rgba(190, 230, 120, 0.28), transparent 65%),
      var(--outside);
  }
}

/* Chữ nhấn trong tiêu đề: dải xanh lá → xanh ngọc */
.hero-title em {
  background: linear-gradient(90deg, #15803D, #2BB463 55%, #0F9A93);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
.hero-steps b, .count-big strong, .ring strong, .timeline .when b { color: var(--accent-text); }

/* Nhãn nhỏ trên ảnh: xanh nõn chuối */
.badge-free, .hot-tag { background: var(--leaf); color: var(--leaf-ink); }

/* Nền sáng: thẻ trắng nổi nhẹ, viền mảnh xanh */
.concept, .tile, .box, .gift-card, .faq-list div, .stop, .plan, .more, .checklist { border-color: rgba(var(--on-base-rgb), 0.1); }
.gift-banner { box-shadow: var(--lift); }
.gift-banner strong, .stamp .got span, .plan .price { color: var(--accent-text); }
.slot .face { background: rgba(var(--accent-rgb), 0.06); }