:root{
  --brand: #198754;
  --brand-dark: #0f5132;
  --bg-soft: #f7faf8;
}

body{
  background: linear-gradient(180deg, var(--bg-soft), #fff);
}

.navbar{
  backdrop-filter: blur(10px);
  background: rgba(255,255,255,.9);
}

.hero{
  border-radius: 1.5rem;
  background:
    radial-gradient(800px 400px at 10% 10%, rgba(25,135,84,.15), transparent 60%),
    #fff;
  border: 1px solid rgba(0,0,0,.08);
}

.soft-card{
  border-radius: 1.25rem;
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 10px 25px rgba(0,0,0,.05);
}

.badge-halal{
  background: #198754;
}

.badge-no-halal{
  background: #dc3545;
}