/* style/blog.css */
/* body đã có padding-top: var(--header-offset); trang này không được thêm lại biến đó */
.page-blog {
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: var(--text-main-color); /* Sử dụng biến màu từ shared hoặc màu chính */
  background-color: var(--main-bg-color); /* Sử dụng biến màu nền chính */
}

/* Biến màu tùy chỉnh */
:root {
  --button-gradient: linear-gradient(180deg, #2AD16F 0%, #13994A 100%);
  --card-bg-color: #11271B;
  --main-bg-color: #08160F;
  --text-main-color: #F2FFF6;
  --text-secondary-color: #A7D9B8;
  --border-color: #2E7A4E;
  --glow-color: #57E38D;
  --gold-color: #F2C14E;
  --divider-color: #1E3A2A;
  --deep-green-color: #0A4B2C;
}

/* Đảm bảo độ tương phản màu sắc */
.page-blog__dark-bg {
  background-color: var(--main-bg-color);
  color: var(--text-main-color);
}

.page-blog__light-bg {
  background-color: #f8f9fa; /* Màu nền sáng cho các phần nội dung cần tương phản cao */
  color: #333333; /* Chữ màu tối trên nền sáng */
}