/* V6: Warna mengikuti Dashboard Admin. Tidak mengubah lebar, gap, atau bentuk card. */
body { color: var(--ink); background-color: var(--bg); }
/* Teks umum menggunakan warna tema, kecuali kolom dengan style inline dari admin. */
.hero-copy, .hero-copy > p, .hero-copy .trust,
#produk .section-head, #produk .section-head p, #produk .count,
#tentang .about-grid, #tentang .about-grid p,
#lokasi, #lokasi > p { color: var(--card-ink, var(--ink)); }
/* Warna dasar card tidak boleh menimpa foto background yang diatur admin. */
#produk .product, #tentang .about-image, #lokasi .map-empty {
  color: var(--card-ink, var(--ink));
}
#produk .product { background-color: var(--card-bg, #fff); }
#produk .product-body p { color: inherit; opacity: .78; }
#produk .filter { background-color: var(--card-bg, #fff); color: var(--card-ink, var(--ink)); }
#produk .filter.active { background-color: var(--primary); color: #fff; border-color: var(--primary); }
#lokasi .map-empty { background-color: var(--card-bg, #fff); }
.hero .hero-copy { background-color: var(--hero-panel-bg, #fff); color: var(--card-ink, var(--ink)); }
/* Ukuran font spesifik yang disimpan admin di inline style tetap menang. */
.hero .hero-copy h1 { font-size: clamp(28px, 3.5vw, 52px); }
@media(max-width:600px) { .hero .hero-copy h1 { font-size: clamp(26px, 7vw, 36px); } }
/* Card section: warna section mengikuti pengaturan Background Section masing-masing.
   Tidak paksa background-color agar warna/foto inline dari database tidak tertimpa. */