/* ==== BRAND SURFACES ==== */
  :root{
    --surface: rgb(1 22 45);       /* nền chính */
    --surface-2: rgb(6 32 62);     /* nền block phụ (nếu cần đổi tinh tế) */
    --border:  rgba(45, 85, 145, .45);  /* viền */
  }
  /* Override các utility đang dùng màu tối cũ */
  .bg-\[\#111\],
  .bg-\[\#0f0f0f\],
  .bg-\[\#121212\],
  .bg-\[\#151515\],
  .bg-\[\#171717\],
  .bg-\[\#1C1C1C\],
  .bg-\[\#1E1E1E\],
  .bg-\[\#202020\] { background-color: var(--surface) !important; }

  /* Nếu muốn block nội dung tối hơn 1 bậc (tùy chọn) */
  .bg-block,
  .card,
  .section-surface-2{ background-color: var(--surface-2) !important; }

  /* Viền & đường phân cách */
  .border-\[\#2D2D2D\],
  .divide-\[\#1f1f1f\],
  .border-gray-700,
  .border-black { border-color: var(--border) !important; }

  /* Swiper slide nền */
  #reviews-swiper .swiper-slide > article{ background-color: var(--surface) !important; }
  #reviews-swiper .swiper-slide .bg-\[\#111\]{ background-color: var(--surface-2) !important; }

  /* Footer bar mobile */
  .fixed.bottom-0.bg-\[\#1E1E1E\]{ background-color: var(--surface) !important; }