/* Bản E — tông trắng. Nạp TRƯỚC core.css.
   Cùng bố cục và cùng chữ với bản D, chỉ đổi bảng token.

   Lưu ý tương phản: xanh acid #c6f24e trên nền trắng gần như không đọc được
   (~1.4:1). Nên tách làm hai vai trò:
     --accent      : chỉ dùng làm NỀN đặc, chữ đen đè lên (nút, dải CTA)
     --accent-text : bản đậm hơn, dùng khi accent đóng vai CHỮ hoặc nét mảnh
   Nhờ vậy nhận diện vẫn giữ nguyên mà chữ vẫn đạt ngưỡng đọc được. */
:root {
  --bg:        #f6f8f9;
  --bg-raised: #ffffff;
  --bg-panel:  #ffffff;
  --bg-inset:  #eef1f3;

  --ink:       #0d1418;
  --ink-soft:  #4c5a66;
  --ink-faint: #74838f;

  --line:        rgba(13, 20, 24, .13);
  --line-strong: rgba(13, 20, 24, .26);

  --accent:      #c6f24e;   /* nền nút, dải CTA */
  --accent-dim:  #b4e034;
  --accent-on:   #0d1418;   /* chữ đè lên nền accent */
  --accent-text: #4a6b00;   /* accent khi làm chữ / nét mảnh — ~5.6:1 trên nền sáng */

  --steel:  #2f5f80;
  --danger: #b4231a;

  --wash:      rgba(13, 20, 24, .045);
  --wash-soft: rgba(13, 20, 24, .025);
  --veil:      rgba(13, 20, 24, .06);
  --lift:      0 10px 30px -12px rgba(13, 20, 24, .22);

  --nav-bg: rgba(246, 248, 249, .85);

  /* Nền sáng thì ảnh hero phải nhạt hơn để chữ đen còn đọc được.
     Lớp phủ đậm ở nửa trái (nơi có chữ) và loãng dần sang phải, nhờ vậy
     ảnh vẫn hiện rõ mà tiêu đề vẫn đạt tương phản. */
  --hero-img-opacity: .62;
  --scrim-top:    rgba(246, 248, 249, .30);
  --scrim-mid:    rgba(246, 248, 249, .12);
  --scrim-left:   rgba(240, 243, 245, .92);
  --scrim-center: rgba(240, 243, 245, .38);
  --scrim-right:  rgba(240, 243, 245, 0);

  /* Badge trên ảnh vẫn để nền tối: ảnh phía sau không kiểm soát được độ sáng */
  --badge-bg:   rgba(13, 20, 24, .84);
  --badge-ink:  #f6f8f9;
  --badge-line: rgba(255, 255, 255, .26);

  --input-bg: #ffffff;

  --cta-ink-soft:      rgba(13, 20, 24, .70);
  --cta-btn-bg:        #0d1418;
  --cta-btn-bg-hover:  #26333c;
  --cta-btn-ink:       #f6f8f9;
}

/* Badge dùng token màu riêng nên phải ghi đè lớp tô theo tông */
.card__badge.tag--acid  { color: #d7ff6b; }
.card__badge.tag--steel { color: #a9cbe5; }